/* BUHODEX Design Tokens
   Source of truth: docs/06-brand/brand-rules.md
   ------------------------------------------------ */

:root {
  /* --- Core palette --- */
  --deep-navy:      #062755;
  --steel-blue:     #27528D;
  --soft-steel:     #4D93B8;
  --copper:         #B87333;
  --paper:          #F3F5F8;
  --white:          #FFFFFF;
  --text-primary:   #12233B;
  --text-secondary: #5C6880;

  /* --- Trading state --- */
  --positive:  #199B6A;
  --negative:  #C43D3D;
  --warning:   #D39B2A;

  /* --- Derived / functional --- */
  --sidebar-bg:         var(--deep-navy);
  --sidebar-text:       rgba(255, 255, 255, 0.7);
  --sidebar-text-active: var(--white);
  --sidebar-active-bg:  var(--steel-blue);
  --topbar-bg:          var(--white);
  --topbar-border:      #E2E6EC;
  --page-bg:            var(--paper);
  --card-bg:            var(--white);
  --card-border:        #E2E6EC;
  --table-alt-row:      #F8F9FB;
  --table-border:       #E2E6EC;
  --input-border:       #CDD3DE;
  --focus-ring:         rgba(39, 82, 141, 0.35);

  /* --- Radius --- */
  --radius-control: 4px;
  --radius-card:    8px;
  --radius-panel:   12px;

  /* --- Shadows (soft only) --- */
  --shadow-card:  0 1px 3px rgba(6, 39, 85, 0.06), 0 1px 2px rgba(6, 39, 85, 0.04);
  --shadow-panel: 0 4px 12px rgba(6, 39, 85, 0.08);
  --shadow-modal: 0 8px 24px rgba(6, 39, 85, 0.16);

  /* --- Typography --- */
  --font-heading: 'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* --- Sidebar width --- */
  --sidebar-width:     240px;
  --sidebar-collapsed:  56px;

  /* --- Topbar height --- */
  --topbar-height: 56px;

  /* --- Transition --- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
}