/* Rioiz Ops — design tokens (DESIGN.md) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,600&display=swap');

:root {
    --ops-primary: #0f766e;
    --ops-primary-deep: #115e59;
    --ops-accent: #10b981;
    --ops-secondary: #334155;
    --ops-canvas: #f6f7fa;
    --ops-surface: #ffffff;
    --ops-heading: #0f172a;
    --ops-muted: #64748b;
    --ops-border: rgba(15, 23, 42, 0.08);
    --ops-dark: #0b1120;
    --ops-sidebar-bg: #0b1120;
    --ops-sidebar-text: #94a3b8;
    --ops-sidebar-text-hover: #cbd5e1;
    --ops-sidebar-active: #0f766e;
    --ops-radius-sm: 12px;
    --ops-radius-md: 20px;
    --ops-radius-pill: 999px;
    --ops-shadow-sm: 0 4px 16px rgba(8, 17, 31, 0.06);
    --ops-shadow-md: 0 12px 40px rgba(8, 17, 31, 0.1);
    --ops-sidebar-w: 260px;
    --ops-header-h: 64px;
    --ops-font: 'Inter', system-ui, sans-serif;
    --ops-font-display: 'Source Serif 4', Georgia, serif;
    --ops-input-h: 48px;
    --primary-color: var(--ops-primary);
    --secondary-color: var(--ops-secondary);
    --bs-primary: var(--ops-primary);
    --bs-primary-rgb: 15, 118, 110;
    --bs-body-bg: var(--ops-canvas);
    --bs-body-color: var(--ops-heading);
    --bs-border-color: var(--ops-border);
    --bs-link-color: var(--ops-primary);
    --bs-link-hover-color: var(--ops-primary-deep);
    --bs-border-radius: var(--ops-radius-sm);
    --bs-border-radius-lg: var(--ops-radius-md);
}