/* SPDX-FileCopyrightText: 2026 ARES-SIGNUM Ltd.
 *
 * SPDX-License-Identifier: LicenseRef-ARES-SIGNUM-Proprietary
 */

/* ── ARES MOBILE DESIGN TOKENS ────────────────────────────────────────────────
 *
 * The token set from Frontend Architecture v2.2 §7.1, for the /m/ tree.
 *
 * WHY THIS FILE EXISTS
 * /m/ pages previously linked /shared.css for these values. That file is 25,043
 * bytes, of which the mobile marketing pages used 902 — the rest is auth-shell
 * and dashboard layout that /m/ never renders. Exactly one class (.btn-full)
 * overlapped, and it had to be neutralised rather than used. Shipping 23KB of
 * dead CSS on every mobile page load to reach 902 bytes of custom properties
 * was not a trade worth making.
 *
 * SYNCHRONISATION OBLIGATION
 * This block is a verbatim copy of the :root block in /shared.css and must stay
 * identical to it. §7.1 specifies one definition point for the palette; this
 * file is a deliberate second one, accepted to avoid the dead weight above.
 * Change one, change both. The two blocks are byte-identical, so this reports
 * nothing unless they have genuinely diverged:
 *
 *   diff <(sed -n '/^:root {/,/^}/p' shared.css) \
 *        <(sed -n '/^:root {/,/^}/p' m/token.css)
 *
 * --sidebar-w is unused on this surface. It is kept so the block stays
 * byte-identical to its source and that comparison stays exact.
 * ────────────────────────────────────────────────────────────────────────── */

:root {
    --copper:       #B87333;
    --copper-light: #D4915E;
    --copper-dark:  #8B5A2B;
    --orange:       #FF6B35;
    --cream:        #F8F4EE;
    --cream-dark:   #F0E8DC;
    --white:        #FFFFFF;
    --text-dark:    #2C2416;
    --text-medium:  #5C4B37;
    --text-light:   #8B7355;
    --border:       #E8DED0;
    --copper-pale:  #F5E6D3;
    --green:        #2E7D32;
    --green-bg:     rgba(46,125,50,0.08);
    --green-border: rgba(46,125,50,0.22);
    --amber:        #E65100;
    --amber-bg:     rgba(255,152,0,0.08);
    --amber-border: rgba(255,152,0,0.25);
    --red:          #C62828;
    --red-bg:       rgba(198,40,40,0.07);
    --red-border:   rgba(198,40,40,0.2);
    --sidebar-w:    240px;
}