/*
 * Data Panda brand tokens (Letterkracht).
 * The single source for brand fonts, colours and radii. Loaded by both the public
 * site (templates/base.html.twig) and the portal (templates/base_admin.html.twig).
 * Change the brand here; components only read these variables.
 */
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/letterkracht/barlow-condensed-700.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/letterkracht/dm-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/letterkracht/dm-sans-600.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/letterkracht/ibm-plex-mono-400.woff2') format('woff2'); }

:root {
    color-scheme: light;

    --font-display: 'Barlow Condensed', Impact, sans-serif;
    --font-body: 'DM Sans', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

    --radius-control: 2px;
    --radius-card: 2px;

    --cream: #F6F1EA;
    --cream-deep: #EEE8E0;
    --ink: #161210;
    --ink-soft: #3A332F;
    --muted: #635D59;
    --plum: #5B3FA8;
    --plum-deep: #452D86;
    --plum-soft: #E8DAFA;
    --plum-wash: #EEE5F4;
    --sand: #E9DEC9;
    --sage: #C8D2BE;
    --peach: #E9DEC9;
    --line: #D5CEC6;
    --line-strong: #B6ADA3;
    --success: #2F7A4D;
    --danger: #B23A3A;
    --warning: #A87A2F;
    --info: #36226E;
    --maxw: 1464px;
    --gutter: clamp(20px, 3.9vw, 56px);
}

[data-theme="dark"] {
    color-scheme: dark;
    --cream: #151218;
    --cream-deep: #211C25;
    --ink: #F5F0F7;
    --ink-soft: #C9C0CE;
    --muted: #A99FAE;
    --plum: #B99CF6;
    --plum-deep: #C9B6FA;
    --plum-soft: #352A43;
    --plum-wash: #291F35;
    --sand: #302820;
    --sage: #232E27;
    --peach: #302820;
    --line: rgba(245, 240, 247, 0.13);
    --line-strong: rgba(245, 240, 247, 0.25);
    --success: #75C596;
    --danger: #F08B8B;
    --warning: #E5BD70;
    --info: #B99CF6;
}