/*
 * Karamatics design tokens (from karamatics.com): the single source of colours and sizes.
 * Loaded on every page shell by layout/brand.html :: assets. Read by the Tailwind config
 * (static/js/tailwind-config.js), the chart defaults (static/js/charts.js) and the logo mark.
 *
 * Colours are space-separated RGB channels so Tailwind opacity modifiers work (bg-brand/20).
 * Copies that cannot read CSS: static/images/favicon.svg, apple-touch-icon.png and the PDF
 * table header in ReportExportService — update those by hand if the brand colour changes.
 */
:root {
    /* Accent: the site's purple, its deeper tone for small text, blue/cyan for gradients and charts */
    --color-brand: 124 58 237;        /* #7C3AED */
    --color-brand-dark: 109 40 217;   /* #6D28D9 */
    --color-brand-deep: 91 33 182;    /* #5B21B6 */
    --color-brand-blue: 37 99 235;    /* #2563EB */
    --color-brand-cyan: 6 182 212;    /* #06B6D4 */
    /* The site's dark-theme accents, for dark surfaces */
    --color-brand-light: 167 139 250; /* #A78BFA */
    --color-brand-blue-light: 96 165 250; /* #60A5FA */

    /* Dark surfaces (sidebar, login panel) */
    --color-navy: 8 11 28;            /* #080B1C */
    --color-navy-light: 15 20 51;     /* #0F1433 */
    --color-dot-dark: 160 170 255;    /* dot grid on dark surfaces */

    /* Text and neutrals */
    --color-ink: 15 23 42;            /* #0F172A */
    --color-ink-2: 51 65 85;          /* #334155 */
    --color-muted: 91 100 120;        /* #5B6478 */
    --color-canvas: 248 250 252;      /* #F8FAFC */
    --color-slate: 148 163 184;       /* #94A3B8, neutral chart series */

    /* Status (not on the site; ERP semantics) */
    --color-success: 16 185 129;      /* #10B981 */
    --color-warning: 245 158 11;      /* #F59E0B */
    --color-danger: 239 68 68;        /* #EF4444 */

    /* Layout */
    --sidebar-w: 264px;
}