/* ==========================================================================
   CraftSpace design tokens
   The single source of truth for colour, type, spacing, radius and shadow.
   Nothing below this file should hard-code a hex value or a pixel spacing.
   ========================================================================== */

:root {
    /* --- Colour -------------------------------------------------------- */
    /* Warm ceramic palette: unfired clay surfaces, ink-brown text,
       kiln-oxide red as the action colour, glaze green as the quiet second. */
    --c-paper:        #fbf6ef;  /* page background                        */
    --c-raised:       #f2e8da;  /* cards, panels, table headers           */
    --c-rule:         #e4d5c1;  /* borders and dividers                   */
    --c-white:        #ffffff;

    --c-ink:          #241c16;  /* headings and body text                 */
    --c-ink-soft:     #5c4f45;  /* secondary text, captions               */
    --c-ink-faint:    #8b7b6d;  /* placeholders, disabled                 */

    --c-oxide:        #a63d2f;  /* primary action                         */
    --c-oxide-dark:   #8a3126;  /* primary action, hover/active           */
    --c-oxide-tint:   #f6e5e0;  /* primary tint background                */

    --c-glaze:        #2f6e63;  /* secondary / success                    */
    --c-glaze-tint:   #e2efeb;
    --c-ochre:        #c98a2e;  /* highlight / warning                    */
    --c-ochre-tint:   #faeed6;

    --c-focus:        #2f6e63;  /* focus ring                             */

    /* --- Type ---------------------------------------------------------- */
    --f-display: "Petrona", Georgia, "Times New Roman", serif;
    --f-body: "Karla", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

    /* Modular scale, roughly 1.25 */
    --t-xs:    0.8125rem;   /* 13px */
    --t-sm:    0.9375rem;   /* 15px */
    --t-base:  1.0625rem;   /* 17px */
    --t-md:    1.25rem;
    --t-lg:    1.5625rem;
    --t-xl:    1.953rem;
    --t-2xl:   2.441rem;
    --t-3xl:   3.052rem;
    --t-4xl:   3.815rem;

    --lh-tight: 1.12;
    --lh-snug:  1.35;
    --lh-body:  1.65;

    /* --- Spacing (4px base) -------------------------------------------- */
    --s-1: 0.25rem;
    --s-2: 0.5rem;
    --s-3: 0.75rem;
    --s-4: 1rem;
    --s-5: 1.5rem;
    --s-6: 2rem;
    --s-7: 3rem;
    --s-8: 4rem;
    --s-9: 6rem;

    /* --- Structure ----------------------------------------------------- */
    --w-page:  1180px;   /* full page container      */
    --w-text:  68ch;     /* comfortable reading line */
    --w-form:  620px;

    --r-sm: 3px;
    --r-md: 6px;
    --r-lg: 14px;

    --shadow-1: 0 1px 2px rgba(36, 28, 22, 0.08);
    --shadow-2: 0 10px 30px rgba(36, 28, 22, 0.10);

    --border: 1px solid var(--c-rule);
}