/*
 * Sebia design system — CSS custom properties
 * Generated from brand/colors.json, typography.json, spacing.json
 * Do not hand-edit. Edit the JSON tokens, regenerate.
 */

:root {
  /* === Colors === */
  --sebia-navy:        #001871;
  --sebia-blue:        #69A7DB;
  --sebia-purple:      #65267A;
  --sebia-cyan:        #7CC7F2;

  --sebia-white:       #FFFFFF;
  --sebia-black:       #000000;
  --sebia-gray-100:    #F4F5F7;
  --sebia-gray-300:    #C9CDD4;
  --sebia-gray-500:    #7B8390;
  --sebia-gray-700:    #3F4754;

  /* Semantic */
  --color-text:                 var(--sebia-black);
  --color-text-on-primary:      var(--sebia-white);
  --color-background:           var(--sebia-white);
  --color-background-brand:     var(--sebia-navy);
  --color-link:                 var(--sebia-navy);
  --color-link-hover:           var(--sebia-blue);

  /* === Typography === */
  --font-title:    "DM Serif Display", Georgia, serif;
  --font-body:     "Poppins", "Helvetica Neue", Arial, sans-serif;
  --font-emphasis: "Poppins", "Helvetica Neue", Arial, sans-serif;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* Minimum allowed: 14px. No Sebia deliverable may render text below this. */
  --font-size-sm:   14px;
  --font-size-base: 16px;
  --font-size-lg:   18px;
  --font-size-xl:   24px;
  --font-size-2xl:  32px;
  --font-size-3xl:  44px;
  --font-size-4xl:  56px;

  --line-height-tight:  1.15;
  --line-height-normal: 1.45;
  --line-height-loose:  1.70;

  /* === Spacing === */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* === Radius === */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* === Shadow === */
  --shadow-sm: 0 1px 2px rgba(0, 24, 113, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 24, 113, 0.10);
  --shadow-lg: 0 12px 32px rgba(0, 24, 113, 0.14);
}