/* ── Design tokens (default theme: orangeBrown / Default) ──
   Runtime theme switching overrides these via themes.js + setProperty. */
:root {
  /* Surfaces */
  --bg-primary:       #1a0800;
  --bg-secondary:     #150800;
  --bg-cell:          #200d00;
  --border-cell:      #100600;
  --bg-disabled:      #2a1200;
  --border-primary:   #3a1800;
  --bg-gradient-top:  #2a1000;

  /* Text */
  --text-primary:     #f5e9df;
  --text-body:        #eee;
  --color-uncalled:   #a07050;
  --color-muted:      #886644;
  --text-subtle:      #555;
  --text-faint:       #444;
  --text-disabled:    #333;
  --text-secondary-ui:#ccc;
  --text-hint:        #666;
  --text-muted-hint:  #888;

  /* Interactive */
  --color-hover:      #5a2800;
  --color-thumb:      #7a4422;
  --color-free-space: #664422;

  /* Status */
  --status-success:   #4ade80;
  --status-error:     #f87171;
  --status-warning:   #fbbf24;
  --status-error-soft:#fca5a5;

  /* Title gradient */
  --title-gradient-from: #ff6b35;
  --title-gradient-to:   #fbbf24;

  /* BINGO column colors */
  --col-B: #7c2d12;  --called-B: #6b2010;  --ball-B-lt: #fdba74;
  --col-I: #c2410c;  --called-I: #92350a;  --ball-I-lt: #fb923c;
  --col-N: #ea580c;  --called-N: #b84c08;  --ball-N-lt: #fed7aa;
  --col-G: #d97706;  --called-G: #976005;  --ball-G-lt: #fcd34d;
  --col-O: #b45309;  --called-O: #7c3d07;  --ball-O-lt: #fde68a;

  /* Landing-page aliases (same palette, readable names) */
  --text:       var(--text-primary);
  --text-muted: var(--color-muted);
  --border:     var(--border-primary);
  --accent:     var(--col-N);
  --accent-lt:  var(--ball-B-lt);
  --ball-dark:  var(--col-B);
}