/* tokens.css — Overtake Admin design tokens
   Retool/Supabase style, Medium density, Light mode only.
   Source: design handoff tokens.css (2026-04-22). */

:root {
  /* ── Surface / Neutrals ─────────────────────────── */
  --ot-bg:            #f6f7f9;
  --ot-bg-subtle:     #f0f2f5;
  --ot-surface:       #ffffff;
  --ot-surface-2:     #fafbfc;
  --ot-border:        #e4e7eb;
  --ot-border-strong: #cfd4da;
  --ot-divider:       #eceff3;

  /* ── Text ───────────────────────────────────────── */
  --ot-text:          #1b2029;
  --ot-text-2:        #4a5260;
  --ot-text-3:        #6b7480;
  --ot-text-4:        #9099a6;
  --ot-text-inverse:  #ffffff;

  /* ── Brand ──────────────────────────────────────── */
  --ot-primary:        #3f4bd8;
  --ot-primary-hover:  #333fc4;
  --ot-primary-soft:   #eef0ff;
  --ot-primary-border: #c9cef5;
  --ot-accent:         #0f9d58;

  /* ── Semantic ───────────────────────────────────── */
  --ot-success:       #17794b; --ot-success-soft: #e4f5ec;
  --ot-warning:       #a05e00; --ot-warning-soft: #fff3dc;
  --ot-danger:        #b42318; --ot-danger-soft:  #fdecea;
  --ot-info:          #1864c7; --ot-info-soft:    #e3effb;
  --ot-premium:       #8a5b00; --ot-premium-soft: #fdf3d4;

  /* ── Sidebar (light mode only) ──────────────────── */
  --ot-sidebar-bg:          #ffffff;
  --ot-sidebar-border:      #e4e7eb;
  --ot-sidebar-text:        var(--ot-text-2);
  --ot-sidebar-text-muted:  var(--ot-text-4);
  --ot-sidebar-active-bg:   var(--ot-primary-soft);
  --ot-sidebar-active-text: var(--ot-primary);
  --ot-sidebar-hover-bg:    var(--ot-surface-2);

  /* ── Node colors (reserved for future story editor) ── */
  --ot-node-scene:      #1864c7;
  --ot-node-chat:       #17794b;
  --ot-node-video:      #b42318;
  --ot-node-choice:     #f97316;
  --ot-node-fullscreen: #a855f7;

  /* ── Typography ─────────────────────────────────── */
  --ot-font-sans: "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR",
                  -apple-system, BlinkMacSystemFont, sans-serif;
  --ot-font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* ── Radius ─────────────────────────────────────── */
  --ot-radius-sm: 4px;
  --ot-radius-md: 6px;
  --ot-radius-lg: 8px;
  --ot-radius-xl: 12px;

  /* ── Shadow ─────────────────────────────────────── */
  --ot-shadow-xs:    0 1px 2px rgba(16, 24, 40, 0.05);
  --ot-shadow-sm:    0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --ot-shadow-md:    0 4px 12px rgba(16, 24, 40, 0.08);
  --ot-shadow-lg:    0 12px 32px rgba(16, 24, 40, 0.12);
  --ot-shadow-focus: 0 0 0 3px rgba(63, 75, 216, 0.18);

  /* ── Density (Medium, fixed) ────────────────────── */
  --ot-row-h:    40px;
  --ot-cell-px:  12px;
  --ot-cell-py:  10px;
  --ot-btn-h-sm: 26px;
  --ot-btn-h:    32px;
  --ot-btn-h-lg: 38px;
  --ot-input-h:  32px;
  --ot-badge-h:  20px;
}