/* *****************************************************

    ** Zenith brand tokens **

    This is the one file to edit per project. Change the
    brand palette below and the whole theme follows.
    Loaded after Nexus' own custom.css, so any Nexus token
    (see templates/nexus/css/custom.css) can be overridden
    here too.

***************************************************** */

/* Nexus' tokens first. Standalone pages such as the invoice load only this
   file, not Nexus' custom.css, and Nexus styles there (e.g. the primary
   button's hover, var(--grayscale-lifted)) would be left undefined. */
@import url("../../nexus/css/custom.css");

:root {
    /* Brand palette: Source amber (the prompt cursor in the logo) */
    --brand-50: #fffbeb;
    --brand-100: #fef3c7;
    --brand-200: #fde68a;
    --brand-300: #fcd34d;
    --brand-400: #fbbf24;
    --brand-500: #f59e0b;
    --brand-600: #d97706;
    --brand-700: #b45309;
    --brand-800: #92400e;
    --brand-900: #78350f;
    --brand-950: #451a03;

    /* Text on brand-coloured buttons, and link colour (AA contrast on white) */
    --on-brand: #111827;
    --link: var(--brand-700);
    --link-hover: var(--brand-800);

    /* Dark surfaces: the logo's editor window */
    --surface-dark: #111827;
    --surface-dark-2: #1f2937;

    /* Accent (hero call to action) */
    --accent: var(--brand-500);
    --accent-dark: var(--brand-600);

    /* Effects: amber and green glows, like the logo's window dots */
    --hero-glow-1: rgba(245, 158, 11, 0.22);
    --hero-glow-2: rgba(52, 211, 153, 0.16);
    --brand-shadow: rgba(17, 24, 39, 0.35);

    /* Typography */
    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-arabic: "IBM Plex Sans Arabic", "Inter", Tahoma, Arial, sans-serif;

    /* Surfaces */
    --header-bg: #ffffff;
    --footer-bg: #0b0f19;
    --hero-bg: var(--surface-dark);

    /* Map the brand onto Nexus' tokens */
    --primary-50: var(--brand-50);
    --primary-100: var(--brand-100);
    --primary-200: var(--brand-200);
    --primary-300: var(--brand-300);
    --primary-400: var(--brand-400);
    --primary-500: var(--brand-500);
    --primary-600: var(--brand-600);
    --primary-700: var(--brand-700);
    --primary-800: var(--brand-800);
    --primary-900: var(--brand-900);
    --primary-950: var(--brand-950);
    --primary: var(--brand-600);
    --primary-lifted: var(--brand-700);
    --primary-accented: var(--brand-800);

    --bg-lifted: #f6f7fb;
    --bg-inverted: var(--footer-bg);

    /* Rounding */
    --rounding-sm: 0.375rem;
    --rounding-md: 0.625rem;
    --rounding-lg: 1rem;
}