/* Aakash Technologies — DESIGN TOKENS (brand: the logo navy, with the logo yellow for marks only). The single source of truth for the public site, client portal and admin.
   Change a value here and every page follows. (Tailwind's palette lives in assets/js/tailwind-config.js and must match.) */
:root {
    /* Brand */
    --brand-50: #e5ecf5; --brand-100: #d2deee; --brand-200: #a8bfdf; --brand-300: #799ccd;
    --brand-400: #4372b3; --brand-500: #09387a; --brand-600: #083573; --brand-700: #072b5e;
    --accent-gold: #ffc004; --accent-deep: #f3a00a; /* Logo yellow and orange: marks and highlights only, never text on white. */
    /* Ink and surfaces */
    --ink-900: #102b35; --ink-700: #25434b; --ink-500: #4a626a; --ink-400: #5f6978;
    --surface: #ffffff; --surface-paper: #fbfdfc; --surface-wash: #f1f4f7; --line: #dce1e8;
    /* Status */
    --ok: #08734f; --ok-bg: #dcf3e8; --warn: #8a5a00; --warn-bg: #fff3d6;
    --bad: #b42318; --bad-bg: #fde8e6; --info: #0b5ea8; --info-bg: #e3f0fb;
    /* Chat brands */
    --brand-whatsapp: #128c7e; --brand-messenger: #0084ff;
    /* Type */
    --font-heading: "Space Grotesk", system-ui, sans-serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Devanagari", sans-serif;
    --text-sm: 14px; --text-base: 16px; --text-lg: 18px;
    /* Shape, space, depth */
    --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-pill: 999px;
    --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
    --control-h: 48px; --tap-min: 44px;
    --shadow-sm: 0 2px 8px rgba(16, 43, 53, .06); --shadow-md: 0 12px 32px rgba(16, 43, 53, .10);
    --ring: 0 0 0 3px rgba(9, 56, 122, .35);
    --icon-size: 20px; --icon-stroke: 1.75;
}