/* ==========================================================================
   SETECH Design Tokens
   Derived visually from the authoritative reference screenshot.
   ========================================================================== */

:root {
  /* Brand colors */
  --setech-navy: #071B29;
  --setech-navy-deep: #030F18;
  --setech-navy-light: #0E2C42;
  --setech-blue: #3E5E82;
  --setech-blue-strong: #2F5A96;
  --setech-teal: #00A88A;
  --setech-teal-dark: #007964;
  --setech-teal-deep: #005C4C;
  --setech-teal-light: #E4F5F1;
  --setech-cyan: #3FD1E0;

  /* Text */
  --setech-text: #0B1D33;
  --setech-muted: #5B6B7F;
  --setech-muted-light: #8B98A8;
  --setech-on-dark: #F4F7FA;
  --setech-on-dark-muted: #9FB0C2;

  /* Backgrounds */
  --setech-bg: #FFFFFF;
  --setech-bg-alt: #F7F9FC;
  --setech-bg-soft: #F2F5F7;
  --setech-border: #E4E9EF;
  --setech-border-strong: #D6DEE6;

  /* Product accent colors */
  --setcms-accent: #2E6BE0;
  --setcms-accent-bg: #E7ECF6;
  --sarrafsoft-accent: #AA753B;
  --sarrafsoft-accent-bg: #F7ECDD;
  --setsci-accent: #6E1F9E;
  --setsci-accent-bg: #EFE3F6;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(11, 29, 51, 0.06), 0 1px 1px rgba(11, 29, 51, 0.04);
  --shadow-md: 0 8px 24px rgba(11, 29, 51, 0.08), 0 2px 6px rgba(11, 29, 51, 0.04);
  --shadow-lg: 0 20px 48px rgba(11, 29, 51, 0.14);

  /* Layout */
  --container-width: 1400px;
  --container-padding: 24px;

  /* Type */
  --font-base: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 200ms;
  --dur-base: 350ms;
  --dur-slow: 600ms;
}