/* Screen Goblin — Design Tokens */

:root {
  /* Dark theme ("Goblin Cave") — default */
  --sg-background: #1A1A12;
  --sg-surface: #2A2E1F;
  --sg-card: #3A3D2E;
  --sg-primary: #8BB04F;
  --sg-accent: #D4A24E;
  --sg-text: #E8E4D4;
  --sg-text-muted: #9C9880;
  --sg-destructive: #C75643;
  --sg-border: rgba(232, 228, 212, 0.08);

  /* Typography */
  --sg-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --sg-font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Fluid type */
  --sg-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --sg-text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --sg-text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --sg-text-lg: clamp(1.125rem, 1rem + 0.6vw, 1.35rem);
  --sg-text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
  --sg-text-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.25rem);

  /* Spacing */
  --sg-section-gap: clamp(4rem, 10vh, 8rem);
  --sg-content-max: 960px;

  /* Radii */
  --sg-radius-sm: 12px;
  --sg-radius-md: 20px;
  --sg-radius-pill: 9999px;

  /* Transitions */
  --sg-transition: 0.2s ease;
}

/* Light theme ("Soft Meadow") */
[data-theme="light"] {
  --sg-background: #FAF8F2;
  --sg-surface: #F0EDE4;
  --sg-card: #FFFFFF;
  --sg-primary: #7BAE6E;
  --sg-accent: #B8A9D4;
  --sg-text: #2D3B2D;
  --sg-text-muted: #6B756D;
  --sg-destructive: #D4736A;
  --sg-border: rgba(45, 59, 45, 0.1);
}