/* ==========================================================================
   Aprila.Www design tokens

   Naming follows the design system in aprila-web (@aprila/ui-core,
   packages/ui/core/src/tokens/). Values are the CURRENT www palette so this
   file changes nothing visually — it names what was previously hardcoded.
   When www adopts the new design system, swap the values here, not the
   call sites.
   ========================================================================== */

:root {
    /* Brand */
    --color-accent: #cf6833;
    --color-accent-ring: rgba(207, 104, 51, 0.2);
    --color-on-accent: #ffffff;

    /* Surfaces */
    --color-bg: #ffffff;
    --color-bg-subtle: #f9f8f6; /* warm off-white — the "bg-light soft" tone */
    --color-bg-muted: #f0f0ea;  /* range-slider tracks */
    --color-bg-strong: #e6e3db; /* pre-footer band */

    /* Text */
    --color-text-strong: #1a1d20;
    --color-text-muted: #5f5b56;
    --color-dark: #232931; /* GoodKit dark tone (timeline hover) */

    /* Inputs — Bootstrap/GoodKit greys, kept for visual parity */
    --color-input-border: #adb5bd;
    --color-input-border-hover: #6c757d;
    --color-input-placeholder: #6c757d;
    --color-input-disabled-bg: #f8f9fa;
    --color-input-disabled-border: #e9ecef;

    /* Feedback */
    --color-error: #dc3545;
    --color-error-subtle: #fff5f5;

    /* Radius */
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;

    /* Elevation */
    --shadow-lg: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);

    /* Motion */
    --transition-fast: 0.15s ease-in-out;
}