/* New Meghdoot – brand tokens. The ONLY place colour values are written; every other stylesheet uses var(--…).
   Derived from the unchanged logo (see docs/BRAND_GUIDE.md): brand cyan #00B0F0 is primary, logo indigo is secondary. */
:root {
    /* Primary – brand cyan */
    --color-primary-50: #eef9fe;
    --color-primary-100: #d6f2fd;
    --color-primary-500: #00b0f0;
    --color-primary-600: #0099d1;
    --color-primary-700: #0077a8;
    /* Secondary – logo indigo */
    --color-secondary-50: #f4f4fb;
    --color-secondary-100: #e4e4f3;
    --color-secondary-700: #404090;
    --color-secondary-800: #2d2d78;
    --color-secondary-900: #1e1e55;
    /* Text, lines, surfaces */
    --color-on-primary: #10133a;
    --color-on-dark: #ffffff;
    --color-on-dark-muted: #d4d6ee;
    --color-on-dark-subtle: #9fa3d0;
    --color-ink: #1b1b33;
    --color-muted: #55556e;
    --color-line: #dcebf3;
    --color-line-strong: #bcd3e0;
    --color-surface: #ffffff;
    --color-surface-admin: #f3f8fc;
    /* Status */
    --color-success: #1c7c3a;
    --color-warning: #b26a00;
    --color-warning-soft: #fdf1dc;
    --color-danger: #b00020;
    --color-error-ui: #b32121;
    --color-note-ui: #fffbd6;
    /* Effects */
    --color-shadow: 30, 30, 85;
    --color-overlay: 16, 19, 58;
    --color-white-rgb: 255, 255, 255;
}