/* ============================================================
   DXC Design System — Color, Type & Tokens
   Source: design_handoff_forecast_dashboard/styles/dxc.css
   ============================================================ */

@font-face {
  font-family: "Inter";
  src: url("/static/fonts/InterLight-Regular.ttf") format("truetype");
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/Inter-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/InterMedium-Regular.ttf") format("truetype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/InterSemiBold-Regular.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static/fonts/Inter-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* DXC neutrals */
  --dxc-canvas:        #F6F3F0;
  --dxc-white:         #FFFFFF;
  --dxc-midnight:      #0E1020;
  --dxc-sky:           #A1E6FF;
  /* Accents */
  --dxc-true-blue:     #4995FF;
  --dxc-royal:         #004AAC;
  --dxc-red:           #D14600;
  --dxc-gold:          #FFAE41;
  --dxc-peach:         #FFC982;
  --dxc-melon:         #FF7E51;

  /* Semantic */
  --fg1:               var(--dxc-midnight);
  --fg2:               rgba(14, 16, 32, 0.72);
  --fg3:               rgba(14, 16, 32, 0.55);
  --fg-muted:          rgba(14, 16, 32, 0.35);
  --fg-inverse:        var(--dxc-canvas);

  --bg:                var(--dxc-canvas);
  --bg-raised:         var(--dxc-white);
  --bg-inverse:        var(--dxc-midnight);
  --bg-subtle:         #EEEAE5;

  --border:            rgba(14, 16, 32, 0.12);
  --border-strong:     rgba(14, 16, 32, 0.24);
  --border-inverse:    rgba(255, 255, 255, 0.16);

  /* Row helpers */
  --row-alt:           #FBFAF8;
  --row-hover:         #F4F0EB;
  --row-hover-q:       #E8E2DB;

  /* State */
  --accent:            var(--dxc-midnight);
  --accent-hover:      #1D2140;
  --link:              var(--dxc-midnight);
  --focus-ring:        var(--dxc-true-blue);

  /* Type */
  --font-body:    "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --w-light:      300;
  --w-regular:    400;
  --w-medium:     500;
  --w-semibold:   600;
  --w-bold:       700;

  /* Spacing & radii */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;
  --r-sm: 2px; --r-md: 4px; --r-lg: 8px; --r-pill: 999px;

  /* Motion */
  --ease-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --dur-fast:      120ms;
  --dur-base:      200ms;
}