/* DevoriaSoft design tokens — single source of truth for brand colors, type, spacing, radius, shadow, motion. */
:root {
  /* Brand colors (sampled from Logo.png / Icon.png) */
  --ds-navy: #0A1B33;
  --ds-navy-700: #142A4A;
  --ds-navy-500: #1F3A5F;
  --ds-blue: #0057FC;
  --ds-blue-600: #0048D1;
  --ds-blue-100: #E5EEFF;
  --ds-blue-50: #F2F7FF;
  --ds-teal: #02C9C0;
  --ds-teal-600: #02A69F;
  --ds-teal-100: #E2FBF9;

  /* Neutrals */
  --ds-white: #FFFFFF;
  --ds-gray-50: #F7F9FC;
  --ds-gray-100: #EEF1F6;
  --ds-gray-200: #E2E6ED;
  --ds-gray-300: #CBD2DE;
  --ds-gray-500: #6B7686;
  --ds-gray-600: #4B5563;
  --ds-gray-700: #333F51;

  /* Semantic */
  --ds-success: #17A673;
  --ds-warning: #E8A400;
  --ds-danger: #E23B3B;
  --ds-info: var(--ds-blue);

  --ds-text: var(--ds-navy);
  --ds-text-muted: var(--ds-gray-500);
  --ds-text-on-dark: #F5F8FF;
  --ds-text-on-dark-muted: #A9B7CE;

  --ds-bg: var(--ds-white);
  --ds-bg-alt: var(--ds-gray-50);
  --ds-bg-dark: var(--ds-navy);
  --ds-border: var(--ds-gray-200);

  --ds-link: var(--ds-blue);
  --ds-link-hover: var(--ds-blue-600);

  /* Typography */
  --ds-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --ds-font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", Consolas, monospace;

  --ds-fs-xs: 0.8125rem;
  --ds-fs-sm: 0.9375rem;
  --ds-fs-base: 1rem;
  --ds-fs-lg: 1.125rem;
  --ds-fs-xl: 1.375rem;
  --ds-fs-2xl: 1.75rem;
  --ds-fs-3xl: 2.25rem;
  --ds-fs-4xl: 2.875rem;
  --ds-fs-5xl: 3.5rem;

  --ds-lh-tight: 1.2;
  --ds-lh-normal: 1.55;

  --ds-fw-regular: 400;
  --ds-fw-medium: 500;
  --ds-fw-semibold: 600;
  --ds-fw-bold: 700;

  /* Spacing scale (4px base) */
  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 3rem;
  --ds-space-8: 4rem;
  --ds-space-9: 6rem;

  /* Radius */
  --ds-radius-sm: 6px;
  --ds-radius-md: 10px;
  --ds-radius-lg: 16px;
  --ds-radius-pill: 999px;

  /* Shadow */
  --ds-shadow-sm: 0 1px 2px rgba(10, 27, 51, 0.06);
  --ds-shadow-md: 0 6px 20px rgba(10, 27, 51, 0.08);
  --ds-shadow-lg: 0 16px 40px rgba(10, 27, 51, 0.12);

  /* Motion */
  --ds-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ds-duration-fast: 150ms;
  --ds-duration-base: 250ms;
  --ds-duration-slow: 400ms;

  /* Layout */
  --ds-container-max: 1200px;
  --ds-header-height: 80px;
}