/*
 * Meds To You - colour tokens.
 *
 * The single place where the project's palette is defined. Loaded before
 * theme-custom.css, which uses ONLY these tokens (no literal colours).
 * Change the palette here; nothing else needs editing. Theme files under
 * public/theme/ are never edited; where our styles override theme colours,
 * the override uses a token from this block.
 *
 * Tokens are named by role, not by hue. The "-rgb" triplets exist so
 * translucent variants can be written as rgb(var(--x-rgb) / 20%).
 */
:root {
    /* Brand */
    --brand: #5c45bf;          /* primary actions, links, icons */
    --brand-rgb: 92 69 191;    /* same colour as a triplet, for translucent rings and washes */
    --brand-dark: #4a37a3;     /* hover / pressed */
    --brand-soft: #eeebfa;     /* tinted backgrounds, chips */
    --brand-tint: #faf9fe;     /* faintest brand wash (selected cards) */
    --accent: #fdf485;         /* highlight (theme yellow): pagination, badges on dark */
    --on-brand: #ffffff;       /* text on --brand */
    --on-accent: #000000;      /* text on --accent */

    /* The copied theme's own variables, still read by the parts of it we
       keep (preloader dots, back-to-top button). Aliased to the tokens so
       they follow the palette instead of the theme's purple and yellow. */
    --accent--color: var(--brand);
    --primary--color: var(--accent);

    /* Text */
    --text-strong: #1f2233;    /* headings, labels */
    --text: #4e4e4e;           /* body copy */
    --text-muted: #6b7280;     /* help text, meta */
    --text-faint: #a3a8b8;     /* placeholders, disabled */

    /* Surfaces and borders */
    --surface: #ffffff;
    --surface-rgb: 255 255 255;
    --surface-alt: #f6f7fb;    /* page and panel backgrounds */
    --surface-dark: #1f2233;   /* footer */
    --on-dark: #c9cbd6;        /* body text on --surface-dark */
    --on-dark-strong: #e6e7ee; /* links on --surface-dark */
    --on-dark-muted: #9a9db0;  /* small print on --surface-dark */
    --border: #e3e6ee;
    --border-brand: #cfc8ef;   /* hover / selected borders */
    --portal-bg: var(--brand-tint); /* the signed-in portal's page background (milestone 06), so it reads apart from the public site */
    --shadow-rgb: 31 34 51;

    /* Status */
    --success: #1f7a4d;
    --success-bg: #e8f6ee;
    --warning: #8a5a00;
    --warning-bg: #fff6d6;
    --danger: #b42318;
    --danger-rgb: 180 35 24;
    --danger-bg: #fdecea;
    --danger-border: #f1c2be;
    --danger-on-dark: #ffd9d5;
    --info: #2f4aa8;
    --info-bg: #eef1fb;

    /* Per-category tones (placeholder images, category cards) */
    --tone-weight-management-from: #ece8fb;
    --tone-weight-management-to: #f6f4fe;
    --tone-weight-management-ink: #4a37a3;
    --tone-hair-loss-from: #e6f1fb;
    --tone-hair-loss-to: #f3f8fe;
    --tone-hair-loss-ink: #2f5da8;
    --tone-mens-health-from: #e4f3ef;
    --tone-mens-health-to: #f2faf7;
    --tone-mens-health-ink: #1f6f5a;
    --tone-womens-health-from: #fbe9f1;
    --tone-womens-health-to: #fdf4f8;
    --tone-womens-health-ink: #a6396d;
    --tone-skin-from: #fdf0e4;
    --tone-skin-to: #fef8f1;
    --tone-skin-ink: #a35a1c;
    --tone-travel-health-from: #e4f4f8;
    --tone-travel-health-to: #f1fafc;
    --tone-travel-health-ink: #1f6f87;
    --tone-general-health-from: #fdf7d9;
    --tone-general-health-to: #fefcf0;
    --tone-general-health-ink: #7a5b00;
}