/* ══════════════════════════════════
   DESIGN TOKENS — Inserth
   Paleta: Branco Apple — clean & minimal
══════════════════════════════════ */

@property --glow-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

:root {
    /* Backgrounds */
    --bg:            #ffffff;
    --bg-mid:        #1d1d1f;    /* dark — CTA / footer */
    --bg-accent:     #1d1d1f;
    --bg-light:      #f5f5f7;   /* Apple soft gray */
    --surface:       #fafafa;
    --surface-light: #f5f5f7;
    --surface-hover: #ebebed;

    /* Text */
    --text:               #1d1d1f;
    --text-secondary:     #6e6e73;
    --text-dark:          #1d1d1f;
    --text-dark-secondary:#6e6e73;

    /* Borders */
    --border:       rgba(0, 0, 0, 0.07);
    --border-mid:   rgba(0, 0, 0, 0.12);
    --border-light: rgba(0, 0, 0, 0.06);

    /* Accent colors */
    --accent:        #1d1d1f;
    --accent-green:  #30d158;
    --accent-orange: #ff9f0a;

    /* Gradient stops */
    --grad-start: #f5f5f7;
    --grad-mid:   #ffffff;
    --grad-end:   #e8e8ed;

    /* Typography — GT Walsheim → Plus Jakarta Sans → Inter */
    --font:         "GT Walsheim Medium", "GT Walsheim Medium Placeholder",
                    'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
    --font-display: "GT Walsheim Medium", "GT Walsheim Medium Placeholder",
                    'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
    --font-mono:    'SF Mono', ui-monospace, 'Cascadia Code', 'Fira Code', monospace;
}