/* ============================================================
   Dfyalytics brand tokens — lifted from the brand redesign
   handoff (design-system/colors_and_type.css).
   Loaded BEFORE style.css so legacy variables can still override
   on templates that haven't been restyled yet.
   ============================================================ */
:root {
  --brand-green:        #5BB949;
  --brand-teal:         #27A5C1;
  --brand-blue:         #1F98D8;
  --brand-cyan:         #00A2FF;
  --brand-cyan-bright:  #00B0F0;
  --brand-blue-deep:    #0070C0;
  --brand-blue-light:   #0089CF;
  --brand-gradient: linear-gradient(90deg, #5BB949 0%, #27A5C1 55%, #1F98D8 100%);
  --brand-gradient-soft: linear-gradient(135deg, rgba(91,185,73,0.10), rgba(31,152,216,0.10));

  --ink-900: #0A1412;
  --ink-800: #232424;
  --ink-700: #424242;
  --ink-600: #494949;
  --ink-500: #5E5E5E;
  --ink-400: #606060;
  --gray-500: #919191;
  --gray-400: #999999;
  --gray-300: #BFBFBF;
  --gray-200: #D5D5D5;
  --gray-150: #DCDCDC;
  --gray-100: #EEEEEE;
  --gray-50:  #F6F7F8;
  --white:    #FFFFFF;

  --accent-mint:   #16E7CF;
  --accent-green:  #61D836;
  --accent-yellow: #FFD932;
  --accent-coral:  #FF644E;
  --accent-pink:   #FF42A1;

  --success: #5BB949;
  --warning: #FFD932;
  --danger:  #FF644E;
  --info:    #00A2FF;

  --bg: var(--white);
  --bg-muted: var(--gray-50);
  --bg-panel: var(--gray-100);
  --fg-1: var(--ink-900);
  --fg-2: var(--ink-600);
  --fg-3: var(--ink-500);
  --fg-4: var(--gray-400);
  --fg-link: var(--brand-blue-deep);
  --border: var(--gray-200);
  --border-strong: var(--gray-300);
  --divider: var(--gray-150);

  --shadow-xs: 0 1px 2px rgba(10, 20, 18, 0.06);
  --shadow-sm: 0 2px 6px rgba(10, 20, 18, 0.08);
  --shadow-md: 0 8px 20px rgba(10, 20, 18, 0.10);
  --shadow-lg: 0 20px 40px rgba(10, 20, 18, 0.14);
  --shadow-brand: 0 14px 28px -10px rgba(31, 152, 216, 0.35);

  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-xl:   22px;
  --radius-pill: 999px;

  --font-display: "Inter", "Helvetica Neue", system-ui, sans-serif;
  --font-body:    "Inter", "Helvetica Neue", system-ui, -apple-system, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  --ease: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;

  --sidebar-w: 248px;
  --topbar-h:  64px;
}