/*
 * NTU Journalism shared colour system
 *
 * All interface palettes should reference these semantic tokens. Page-specific
 * variables may alias them, but should not introduce a second brand palette.
 * Editorial photography and authored artwork are intentionally excluded.
 */

:root {
    color-scheme: light;

    /* Brand */
    --color-brand: #7a1a14;
    --color-brand-dark: #4c0f0a;
    --color-brand-hover: #8b211b;
    --color-brand-soft: #faf0f0;
    --color-brand-pale: #faf5f5;
    --color-accent: #efa22b;
    --color-accent-dark: #b98b2e;
    --color-accent-soft: #f4bb5a;
    --color-accent-pale: #fff8e6;

    /* Type */
    --color-ink-strong: #1f2937;
    --color-ink: #292521;
    --color-text: #3f3a34;
    --color-text-secondary: #525252;
    --color-text-muted: #6b645c;
    --color-text-subtle: #8a7757;
    --color-on-brand: #ffffff;

    /* Surfaces */
    --color-white: #ffffff;
    --color-page: #efefef;
    --color-paper: #ffffff;
    --color-paper-35: rgb(255 255 255 / 0.35);
    --color-paper-50: rgb(255 255 255 / 0.50);
    --color-surface-warm: #f8f6ef;
    --color-surface-soft: #faf8f5;
    --color-surface-muted: #f3eee5;
    --color-surface-accent: #fff9ed;
    --color-surface-hover: #faf6ef;

    /* Structure */
    --color-line: #d7cbb8;
    --color-line-soft: #e7dfd2;
    --color-line-neutral: #e5e7eb;
    --color-line-strong: #b9afa4;

    /* Functional accents */
    --color-info: #1d70b8;
    --color-success: #1b6b3a;
    --color-warning: #9b5f13;
    --color-danger: #a3133b;
    --color-category-purple: #5a4280;
    --color-category-teal: #1a6b7a;

    /* Reusable translucent effects */
    --shadow-color-rgb: 75 49 28;
    --brand-color-rgb: 122 26 20;
    --ink-color-rgb: 41 37 33;
    --ink-strong-color-rgb: 31 41 55;
    --white-color-rgb: 255 255 255;
    --shadow-hairline: 0 1px 0 rgb(var(--shadow-color-rgb) / 0.04);
    --shadow-soft: 0 2px 15px rgb(0 0 0 / 0.08);
    --shadow-hover: 0 10px 40px rgb(0 0 0 / 0.10);

    /* Compatibility aliases used by the English and C.C.Lab stylesheets. */
    --maroon: var(--color-brand);
    --maroon-dark: var(--color-brand-dark);
    --maroon-hover: var(--color-brand-hover);
    --gold: var(--color-accent);
    --gold-light: var(--color-accent-soft);
    --page: var(--color-page);
    --paper: var(--color-paper);
    --ink: var(--color-ink);
    --muted: var(--color-text-muted);
    --line: var(--color-line);
    --soft-line: var(--color-line-soft);
}