/* Accenture brand tokens — official palette */
:root {
  /* Accenture primary purple */
  --acn-purple: #A100FF;
  --acn-purple-dark: #460073;
  --acn-purple-light: #BE82FF;
  --acn-violet: #7500C0;
  --acn-purple-bg: #F4EBFF;       /* hover / active subtle */
  --acn-purple-bg-2: #E9D7FF;

  /* Neutrals */
  --gray-900: #111827;
  --gray-800: #1F2937;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-500: #6B7280;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --gray-50:  #F9FAFB;
  --white:    #FFFFFF;

  /* Semantic */
  --green-500: #10B981;
  --green-100: #D1FAE5;
  --amber-500: #F59E0B;
  --amber-100: #FEF3C7;
  --red-500:   #EF4444;
  --red-100:   #FEE2E2;
  --blue-500:  #3B82F6;
  --blue-100:  #DBEAFE;

  /* Type */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;

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

  /* ============ Layout shell (v2.1 Variant A) ============ */
  /* Sidebar */
  --sidebar-w: 240px;
  --sidebar-bg: var(--white);
  --sidebar-border: var(--gray-200);

  /* Brand banner (top of sidebar, decision D1·b — 紫底 ~120px) */
  --brand-banner-h: 120px;
  --brand-banner-bg: linear-gradient(160deg, #460073 0%, #5A0099 55%, #7500C0 100%);
  --brand-banner-fg: #FFFFFF;
  --brand-banner-muted: rgba(255,255,255,0.72);
  --brand-banner-subtle: rgba(255,255,255,0.15);

  /* Topbar */
  --topbar-h: 56px;
  --topbar-bg: var(--white);

  /* Main */
  --main-bg: var(--gray-50);
  --main-max-w: 1280px;
  --main-pad-x: 24px;
  --main-pad-y: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
}