/* Resolute Solutions — Brand tokens (BRAND_SOP.md v1.1) */
:root {
  --brand-blue: #0066FF;
  --brand-blue-hover: #0052CC;
  --brand-blue-soft: #E8F1FF;
  --brand-navy: #0A1E50;
  --brand-black: #000000;

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

  --success: #10B981;
  --success-soft: #ECFDF5;
  --warning: #F59E0B;
  --warning-soft: #FFFBEB;
  --error: #EF4444;
  --error-soft: #FEF2F2;
  --info: #3B82F6;

  /* App aliases mapped to brand */
  --paper: var(--neutral-50);
  --card: #FFFFFF;
  --ink: var(--neutral-900);
  --ink-soft: var(--neutral-500);
  --line: var(--neutral-200);
  --navy-deep: var(--brand-navy);
  --navy: var(--brand-blue);
  --amber: var(--brand-blue);
  --amber-soft: var(--brand-blue-soft);
  --green: var(--success);
  --green-soft: var(--success-soft);
  --red: var(--error);
  --red-soft: var(--error-soft);

  --font-sans: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(10, 30, 80, 0.06);
  --shadow-md: 0 4px 12px rgba(10, 30, 80, 0.08);
  --focus-ring: 0 0 0 3px rgba(0, 102, 255, 0.28);
}

/* Optional local Gilroy files — drop into /brand/fonts/ */
@font-face {
  font-family: "Gilroy";
  src: url("/brand/fonts/Gilroy-Regular.woff2") format("woff2"),
       url("/brand/fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/brand/fonts/Gilroy-Medium.woff2") format("woff2"),
       url("/brand/fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/brand/fonts/Gilroy-SemiBold.woff2") format("woff2"),
       url("/brand/fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("/brand/fonts/Gilroy-Bold.woff2") format("woff2"),
       url("/brand/fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}