/* SkyBreaker design tokens. See Docs/SkyBreaker/design-system.md. */

:root {
  /* Dark theme (operator console default — used when .sk-light is absent) */
  --sk-bg:           #0a0d14;
  --sk-bg-elevated:  #11151e;
  --sk-surface:      #161b27;
  --sk-surface-2:    #1c2230;
  --sk-surface-hi:   #232a3a;
  --sk-border:       #232a3a;
  --sk-border-soft:  #1a202c;
  --sk-border-hard:  #2e3548;

  --sk-text:         #e7ecf5;
  --sk-text-2:       #aab5c6;
  --sk-text-3:       #6e7b91;
  --sk-text-4:       #4a5468;

  --sk-yes:          #00c87d;
  --sk-yes-soft:     rgba(0, 200, 125, 0.14);
  --sk-yes-line:     rgba(0, 200, 125, 0.42);
  --sk-yes-dim:      #2c8f6a;

  --sk-no:           #ff5f6d;
  --sk-no-soft:      rgba(255, 95, 109, 0.14);
  --sk-no-line:      rgba(255, 95, 109, 0.42);
  --sk-no-dim:       #b85460;

  --sk-brand:        #5b8dff;
  --sk-brand-soft:   rgba(91, 141, 255, 0.16);
  --sk-brand-line:   rgba(91, 141, 255, 0.45);

  --sk-warn:         #ffb04a;
  --sk-warn-soft:    rgba(255, 176, 74, 0.14);
  --sk-info:         #65c7ff;
  --sk-info-soft:    rgba(101, 199, 255, 0.14);

  --sk-mkt-mine:      #c084ff;
  --sk-mkt-mine-soft: rgba(192, 132, 255, 0.18);

  --sk-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --sk-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --sk-radius-sm: 6px;
  --sk-radius:    10px;
  --sk-radius-lg: 14px;
  --sk-radius-xl: 20px;

  --sk-row-h:    32px;
  --sk-pad-card: 20px;
}

.sk-light {
  --sk-bg:           #f5f6f8;
  --sk-bg-elevated:  #ffffff;
  --sk-surface:      #ffffff;
  --sk-surface-2:    #f8f9fc;
  --sk-surface-hi:   #eef1f7;
  --sk-border:       #e4e8ef;
  --sk-border-soft:  #eef1f7;
  --sk-border-hard:  #d4dae5;

  --sk-text:         #11151e;
  --sk-text-2:       #4a5468;
  --sk-text-3:       #6e7b91;
  --sk-text-4:       #98a3b6;

  --sk-yes:          #009a64;
  --sk-yes-soft:     rgba(0, 154, 100, 0.12);
  --sk-yes-line:     rgba(0, 154, 100, 0.38);

  --sk-no:           #e23548;
  --sk-no-soft:      rgba(226, 53, 72, 0.10);
  --sk-no-line:      rgba(226, 53, 72, 0.40);

  --sk-brand:        #2a59e8;
  --sk-brand-soft:   rgba(42, 89, 232, 0.10);
  --sk-brand-line:   rgba(42, 89, 232, 0.40);

  --sk-warn:         #c87510;
  --sk-warn-soft:    rgba(200, 117, 16, 0.10);

  --sk-mkt-mine:      #7c3aed;
  --sk-mkt-mine-soft: rgba(124, 58, 237, 0.14);
}