/* ============================================================
   Ruminas — Design tokens
   Identidade industrial: grafite, borgonha (logo), laranja, amarelo
   ============================================================ */

:root {
  /* Cores — dark (padrão) */
  --bg: #0c0e11;
  --bg-raised: #12151a;
  --bg-deep: #08090b;
  --surface: #1a1e24;
  --ink: #ece9e4;
  --ink-dim: #a2a7ad;
  --ink-faint: #6b7078;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);

  /* Cores de marca */
  --brand: #8B1A1A;
  --brand-bright: #a82424;
  --brand-deep: #5c1010;
  --accent: #E8551D;
  --accent-hi: #f2692f;
  --signal: #F5B70A;
  --signal-ink: #241a00;

  /* Cores — light */
  --bg-light: #f4f4f2;
  --bg-light-2: #eae9e5;      /* base mais escura p/ o metal escovado */
  --bg-light-sheen: #fbfbf9;  /* luz superior do escovado */
  --surface-light: #ffffff;
  --ink-dark: #1a1c20;
  --ink-dark-dim: #555b63;
  --line-dark: rgba(10, 12, 15, .12);

  /* Tipografia */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;

  /* Layout */
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 40px);
  --radius: 2px;
  --radius-lg: 4px;
  --header-h: 96px;

  /* Sombra dura (industrial) */
  --shadow-hard: 4px 4px 0 rgba(0, 0, 0, .55);
  --shadow-soft: 0 18px 40px -18px rgba(0, 0, 0, .6);

  /* Transições */
  --tr: 150ms cubic-bezier(.2, .7, .2, 1);
  --tr-slow: 400ms cubic-bezier(.2, .7, .2, 1);

  /* Z-index */
  --z-header: 100;
  --z-mega: 90;
  --z-fab: 120;
  --z-loader: 200;
}

/* Hazard: amarelo sinalização */
.hazard {
  --hazard-bg: repeating-linear-gradient(
    135deg,
    var(--signal) 0 14px,
    #15160f 14px 28px
  );
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { /* escuro já é o padrão; mantém tokens dark */ }
}