/* ==========================================================================
   Prostabliss Design System - CSS Custom Properties
   ========================================================================== */

:root {
  /* ---- Core Brand Palette (Prostabliss) ---- */
  --color-page: #FAFAF7;              /* page background */
  --color-cream: #F0F8FF;             /* alt section background */
  --color-water-green: #d6e2f5;       /* light background */
  --color-dark-teal: #262f45;         /* dark section background */
  --color-text: #262f45;              /* body text (navy) */
  --color-text-alt: #2A2A28;          /* body text 2 (near-black) */
  --color-accent: #3d56b0;            /* accent blue */
  --color-accent-2: #3d56b0;          /* accent green */
  --color-cta: #3d56b0;               /* primary CTA */
  --color-cta-hover: #3b82f0;         /* CTA hover */
  --color-pure-white: #FFFFFF;
  --color-off-white: #F0F8FF;
  --color-muted: #C5CBD5;

  /* ---- Legacy tokens (mapped to new palette so existing rules don't break) ---- */
  --color-deep-indigo: var(--color-text);
  --color-royal-purple: var(--color-accent);
  --color-soft-lavender: var(--color-water-green);
  --color-pearl-silver: var(--color-muted);

  /* ---- Gradients ---- */
  --gradient-hero: linear-gradient(135deg, #262f45 0%, #3d56b0 100%);
  --gradient-highlight: linear-gradient(to right, #3d56b0, #3d56b0);
  --gradient-cta: linear-gradient(135deg, #3b82f0, #3d56b0);

  /* ---- Typography ---- */
  --font-family: "Inter", sans-serif;

  /* ---- Layout ---- */
  --container-width: 1170px;
  --section-padding: 60px 0;

  /* ---- Buttons ---- */
  --btn-bg: var(--color-cta);
  --btn-text: var(--color-pure-white);
  --btn-radius: 6px;

  /* ---- Spacing Tokens ---- */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;
  --space-60: 60px;
  --space-80: 80px;
}

body {
  background: var(--color-page);
  color: var(--color-text);
}