/* Tokens de design: cores, tipografia, espaçamento e camadas. */

:root {
    /* Superfícies, do fundo mais profundo à mais elevada. */
    --ink-000: #07060a;
    --ink-100: #0c0a11;
    --ink-200: #120f19;
    --ink-300: #191521;
    --ink-400: #221d2d;

    --line:        rgba(255, 255, 255, 0.075);
    --line-strong: rgba(255, 255, 255, 0.14);

    --text:      #ece9f2;
    --text-soft: #a7a0b6;
    --text-mute: #6f6882;

    /* Acento único, herdado da marca. */
    --flame:      #f78b22;
    --flame-warm: #ffa93d;
    --flame-deep: #dd4a22;

    --success: #4fd39a;
    --danger:  #f2564c;

    --radius-sm: 8px;
    --radius:    14px;
    --radius-lg: 22px;
    --radius-xl: 32px;

    --shadow-low:  0 2px 10px rgba(0, 0, 0, 0.35);
    --shadow-mid:  0 18px 40px -18px rgba(0, 0, 0, 0.7);
    --shadow-high: 0 40px 90px -30px rgba(0, 0, 0, 0.85);
    --glow-flame:  0 0 40px -6px rgba(247, 139, 34, 0.55);

    --font-display: 'Archivo Black', 'Arial Black', system-ui, sans-serif;
    --font-ui:      'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-prose:   'Spectral', Georgia, 'Times New Roman', serif;

    --shell:  1240px;
    --column: 720px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}