/* ========================================
   Design Tokens
   Monochromatic design language — shared
   across all Nirusolutions web applications.
   ======================================== */

:root {
    /* Colors — Primary */
    --rr-primary: #000000;
    --rr-primary-hover: #1a1a1a;
    --rr-on-primary: #ffffff;

    /* Colors — Background & Surface */
    --rr-bg: #F9FAFB;
    --rr-surface: #FFFFFF;
    --rr-surface-hover: #F7F7F7;
    --rr-surface-muted: #FAFAFA;

    /* Colors — Text */
    --rr-text: rgba(0, 0, 0, 0.87);
    --rr-text-secondary: rgba(0, 0, 0, 0.54);
    --rr-text-disabled: rgba(0, 0, 0, 0.38);
    --rr-text-strong: #111111;

    /* Colors — Borders */
    --rr-border: #E5E7EB;
    --rr-border-light: rgba(0, 0, 0, 0.06);

    /* Colors — Status */
    --rr-error: #EF4444;
    --rr-error-bg: rgba(239, 68, 68, 0.08);
    --rr-error-border: rgba(239, 68, 68, 0.25);
    --rr-success: #10B981;
    --rr-success-bg: rgba(16, 185, 129, 0.08);
    --rr-success-border: rgba(16, 185, 129, 0.25);
    --rr-warning: #F59E0B;
    --rr-warning-bg: rgba(245, 158, 11, 0.10);
    --rr-warning-border: rgba(245, 158, 11, 0.30);
    --rr-info: #3B82F6;
    --rr-info-bg: rgba(59, 130, 246, 0.08);
    --rr-info-border: rgba(59, 130, 246, 0.25);

    /* Radius */
    --rr-radius-sm: 8px;
    --rr-radius-md: 12px;
    --rr-radius-lg: 16px;
    --rr-radius-pill: 9999px;

    /* Shadows */
    --rr-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03);
    --rr-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.03);
    --rr-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.06), 0 2px 6px rgba(0, 0, 0, 0.04);
    --rr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Spacing */
    --rr-space-xs: 4px;
    --rr-space-sm: 8px;
    --rr-space-md: 16px;
    --rr-space-lg: 24px;
    --rr-space-xl: 32px;

    /* Transitions */
    --rr-transition: 200ms ease;
    --rr-transition-slow: 300ms ease;

    /* Font */
    --rr-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}