/*
 * Raspa UI v2 design tokens.
 *
 * All names are prefixed with --r2- so the new system can coexist with the
 * legacy interface during migration. Product pages opt into UI v2 explicitly.
 */
:root {
    color-scheme: light;

    /* Brand: extracted from the supplied Raspa booklet. */
    --r2-brand-navy-950: #101d36;
    --r2-brand-navy-900: #172543;
    --r2-brand-navy-800: #203762;
    --r2-brand-blue-700: #234f93;
    --r2-brand-blue-600: #2d61ad;
    --r2-brand-cream-100: #f3ead2;
    --r2-brand-cream-050: #f8f2df;
    --r2-brand-accent: #c18b22;

    /* Surfaces and text. */
    --r2-bg: #f4f6f8;
    --r2-surface: #ffffff;
    --r2-surface-subtle: #f8f9fb;
    --r2-surface-muted: #eef1f5;
    --r2-surface-selected: #e9eff8;
    --r2-text: #172543;
    --r2-text-secondary: #4d596d;
    --r2-text-muted: #667085;
    --r2-text-disabled: #98a2b3;
    --r2-border: #d5dbe5;
    --r2-border-strong: #b7c0cf;
    --r2-divider: #e5e9ef;

    /* Semantic colors. */
    --r2-primary: #234f93;
    --r2-primary-hover: #1b427d;
    --r2-primary-active: #153664;
    --r2-primary-soft: #e9eff8;
    --r2-primary-border: #9eb3d3;

    --r2-success: #237a57;
    --r2-success-soft: #e8f4ee;
    --r2-success-border: #9dcab7;

    --r2-warning: #8a6100;
    --r2-warning-soft: #fbf3d8;
    --r2-warning-border: #dfc46d;

    --r2-danger: #b42318;
    --r2-danger-hover: #912018;
    --r2-danger-soft: #fcedeb;
    --r2-danger-border: #e7aaa4;

    --r2-info: #245ea8;
    --r2-info-soft: #eaf1fb;
    --r2-info-border: #a8bfe0;

    /* Typography: intentional Windows/Cyrillic-first stack. */
    --r2-font-sans: "Segoe UI", "Noto Sans", "Liberation Sans", sans-serif;
    --r2-font-mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
    --r2-font-size-xs: 0.75rem;   /* 12px */
    --r2-font-size-sm: 0.875rem;  /* 14px */
    --r2-font-size-base: 1rem;    /* 16px */
    --r2-font-size-lg: 1.125rem;  /* 18px */
    --r2-font-size-xl: 1.25rem;   /* 20px */
    --r2-font-size-2xl: 1.5rem;   /* 24px */
    --r2-font-size-3xl: 1.875rem; /* 30px */
    --r2-line-tight: 1.2;
    --r2-line-normal: 1.5;
    --r2-line-relaxed: 1.65;
    --r2-weight-regular: 400;
    --r2-weight-medium: 600;
    --r2-weight-bold: 700;

    /* 4px spacing scale. */
    --r2-space-1: 0.25rem;
    --r2-space-2: 0.5rem;
    --r2-space-3: 0.75rem;
    --r2-space-4: 1rem;
    --r2-space-5: 1.25rem;
    --r2-space-6: 1.5rem;
    --r2-space-8: 2rem;
    --r2-space-10: 2.5rem;
    --r2-space-12: 3rem;
    --r2-space-16: 4rem;

    /* Shape: restrained by default. */
    --r2-radius-none: 0;
    --r2-radius-sm: 0.25rem;
    --r2-radius-md: 0.375rem;
    --r2-radius-overlay: 0.5rem;
    --r2-radius-pill: 999px;

    /* Borders, focus and elevation. */
    --r2-border-width: 1px;
    --r2-focus-color: #2d61ad;
    --r2-focus-ring: 0 0 0 3px rgba(45, 97, 173, 0.28);
    --r2-shadow-menu: 0 10px 26px rgba(16, 29, 54, 0.14);
    --r2-shadow-dialog: 0 20px 50px rgba(16, 29, 54, 0.22);

    /* Layout. */
    --r2-content-max: 1440px;
    --r2-readable-max: 72ch;
    --r2-control-height-sm: 2rem;
    --r2-control-height: 2.5rem;
    --r2-control-height-lg: 2.75rem;
    --r2-table-row-min: 3rem;
    --r2-sidebar-width: 15.75rem;

    /* Motion. */
    --r2-duration-fast: 140ms;
    --r2-duration-normal: 220ms;
    --r2-ease-standard: cubic-bezier(0.2, 0, 0, 1);
}