/* ==========================================================================
   Retro Bundle — Theme Tokens
   Vanilla Breeze · Retro / CRT
   ========================================================================== */

@font-face {
  font-family: 'Cartridge';
  src: url('./fonts/Cartridge-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cartridge';
  src: url('./fonts/Cartridge-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cartridge';
  src: url('./fonts/Cartridge-Rough.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Cartridge';
  src: url('./fonts/Cartridge-BoldRough.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@layer bundle-theme {

  [data-theme~="retro"] {
    /* Phosphor green terminal palette */
    --hue-primary: 145;
    --hue-secondary: 200;
    --hue-accent: 75;

    --color-primary: oklch(70% 0.28 145);
    --color-surface: oklch(10% 0.02 260);
    --color-surface-sunken: oklch(6% 0.015 260);
    --color-surface-raised: oklch(18% 0.03 260);
    --color-border: oklch(32% 0.04 260);
    --color-text: oklch(90% 0.01 260);
    --color-text-muted: oklch(55% 0.02 260);

    /* Sharp corners — digital/pixel feel */
    --radius-s: 1px;
    --radius-m: 2px;
    --radius-l: 4px;

    /* Digital stepping easing */
    --ease-out: steps(4);

    /* Retro mono font stack */
    --font-mono: 'Cartridge', 'VT323', ui-monospace, 'Cascadia Code', monospace;

    /* Deeper shadows for CRT depth */
    --shadow-m: 0 4px 24px oklch(0% 0 0 / 0.6);

    color-scheme: dark;
  }
}