/*
 * Heardfix brand, kit "Prune & abricot": the colours by role, shared by the panels and the host's commercial site,
 * which imports this file. Dark values apply under `.dark`, Filament's dark mode class, or any dark section of a page.
 * Status colours keep their meaning (red bug, amber idea, green fixed) and never take the brand colours. The cream
 * canvas is a page background only, never a card on white; the quiet canvas and surface, near white tinted with the
 * prune, hold the back office and the blocks of the site.
 */
:root {
    --heardfix-prune: #34263d;
    --heardfix-apricot: #ffc39e;
    --heardfix-cream: #fff7ef;

    --heardfix-canvas: var(--heardfix-cream);
    --heardfix-canvas-quiet: #f8f6f9;
    --heardfix-surface-quiet: #efebf1;
    --heardfix-surface: #ffffff;
    --heardfix-surface-subtle: #f5ede7;
    --heardfix-text: var(--heardfix-prune);
    --heardfix-text-secondary: #6c5b72;
    --heardfix-border-control: #8b7494;
    --heardfix-action: #5a3d6b;
    --heardfix-action-text: var(--heardfix-cream);
    --heardfix-action-hover: #4a3157;
    --heardfix-link: var(--heardfix-prune);
    --heardfix-focus: #765184;
    --heardfix-accent-soft: #ffe9da;
    --heardfix-logo-symbol: var(--heardfix-prune);
    --heardfix-logo-wordmark: var(--heardfix-prune);

    --heardfix-bug: #b51f3c;
    --heardfix-bug-soft: #fde8ec;
    --heardfix-idea: #895300;
    --heardfix-idea-soft: #fdf1d8;
    --heardfix-fixed: #12773c;
    --heardfix-fixed-soft: #e1f5e8;

    --heardfix-display-font: "League Spartan", ui-sans-serif, system-ui, sans-serif;
    --heardfix-text-font: "Figtree", ui-sans-serif, system-ui, sans-serif;
}

.dark {
    --heardfix-canvas: #241c2b;
    --heardfix-canvas-quiet: #241c2b;
    --heardfix-surface-quiet: #403149;
    --heardfix-surface: var(--heardfix-prune);
    --heardfix-surface-subtle: #403149;
    --heardfix-text: var(--heardfix-cream);
    --heardfix-text-secondary: #d0bdd6;
    --heardfix-action: var(--heardfix-apricot);
    --heardfix-action-text: var(--heardfix-prune);
    --heardfix-action-hover: #f4b286;
    --heardfix-link: var(--heardfix-apricot);
    --heardfix-focus: var(--heardfix-apricot);
    --heardfix-accent-soft: #4a3746;
    --heardfix-border-control: #9c86a5;
    --heardfix-logo-symbol: var(--heardfix-apricot);
    --heardfix-logo-wordmark: var(--heardfix-cream);

    --heardfix-bug: #ff9bb1;
    --heardfix-bug-soft: #502735;
    --heardfix-idea: #f0cb83;
    --heardfix-idea-soft: #46391f;
    --heardfix-fixed: #a6e6bd;
    --heardfix-fixed-soft: #203c2d;
}