/* ===================================================
   ABCBizSetu — Design Tokens
   =================================================== */

:root {
  /* Brand Colors */
  --gold-50:  #fdf8ec;
  --gold-100: #faefc8;
  --gold-200: #f5dc88;
  --gold-400: #e8b832;
  --gold-500: #c9971c;
  --gold-600: #a67a14;
  --gold-800: #6b4e0c;

  --navy-50:  #eef1f8;
  --navy-100: #c8d0e8;
  --navy-200: #94a3c4;
  --navy-400: #4a6199;
  --navy-600: #1e3160;
  --navy-700: #14213d;
  --navy-800: #0c1428;
  --navy-900: #070d1c;

  --orange-400: #f07030;
  --orange-500: #d4520e;
  --orange-600: #b04010;

  /* Semantic colors */
  --color-primary:       var(--gold-500);
  --color-primary-light: var(--gold-400);
  --color-primary-pale:  var(--gold-50);
  --color-accent:        var(--orange-500);
  --color-dark:          var(--navy-800);
  --color-dark-mid:      var(--navy-700);
  --color-dark-light:    var(--navy-600);

  /* Neutral */
  --color-bg:         #faf8f3;
  --color-surface:    #ffffff;
  --color-surface-2:  #f5f3ee;
  --color-surface-3:  #edebe4;
  --color-border:     rgba(201, 151, 28, 0.18);
  --color-border-mid: rgba(201, 151, 28, 0.32);
  --color-border-strong: rgba(201, 151, 28, 0.55);

  /* Text */
  --color-text:         #1a1a2e;
  --color-text-muted:   #5a6080;
  --color-text-light:   #8892b0;
  --color-text-inverse: #ffffff;

  /* Status */
  --color-success:    #16a34a;
  --color-success-bg: #dcfce7;
  --color-warning:    #d97706;
  --color-warning-bg: #fef3c7;
  --color-error:      #dc2626;
  --color-error-bg:   #fee2e2;
  --color-info:       #2563eb;
  --color-info-bg:    #dbeafe;

  /* Typography */
  --font-display: 'Cinzel', Georgia, serif;
  --font-body:    'Nunito', system-ui, sans-serif;
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Type scale */
  --text-xs:   0.75rem;
  --text-sm:   0.8125rem;
  --text-base: 0.9375rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Border radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-2xl:  28px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(12, 20, 40, 0.08), 0 1px 2px rgba(12, 20, 40, 0.04);
  --shadow-md:  0 4px 16px rgba(12, 20, 40, 0.10), 0 2px 6px rgba(12, 20, 40, 0.06);
  --shadow-lg:  0 10px 40px rgba(12, 20, 40, 0.14), 0 4px 12px rgba(12, 20, 40, 0.08);
  --shadow-xl:  0 20px 60px rgba(12, 20, 40, 0.18), 0 8px 24px rgba(12, 20, 40, 0.10);
  --shadow-gold: 0 4px 20px rgba(201, 151, 28, 0.28);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-base:   220ms ease;
  --transition-slow:   350ms ease;
  --transition-spring: 300ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --nav-height:       64px;
  --sidebar-width:    260px;
  --admin-sidebar:    240px;
  --content-max:      1120px;
  --content-narrow:   720px;
  --content-wide:     1360px;

  /* Z-index scale */
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-nav:      300;
  --z-modal:    400;
  --z-toast:    500;
}