/* Material Design 3 - "brand navy" scheme
   Single committed dark theme: white on dark blue, purple hero accent -
   matches the scryus.com/pitch deck-wordmark badge (Bitter bold on #14232E,
   purple dot). Deliberately not a light/dark toggle - this palette is the
   site's fixed identity. */
:root {
  color-scheme: dark;

  /* Primary: purple hero (scryus' official purple) */
  --md-sys-color-primary: #61529A;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #3A2F63;
  --md-sys-color-on-primary-container: #E3DBFA;

  /* Secondary: warm gold */
  --md-sys-color-secondary: #F0B94A;
  --md-sys-color-on-secondary: #402C00;
  --md-sys-color-secondary-container: #5C4419;
  --md-sys-color-on-secondary-container: #FFDDA1;

  /* Tertiary: cyan */
  --md-sys-color-tertiary: #4FC3EA;
  --md-sys-color-on-tertiary: #00323D;
  --md-sys-color-tertiary-container: #0B4657;
  --md-sys-color-on-tertiary-container: #BCEBF8;

  /* Neutral: brand navy background, soft white foreground */
  --md-sys-color-background: #14232E;
  --md-sys-color-on-background: #F2F1F7;
  --md-sys-color-surface: #14232E;
  --md-sys-color-on-surface: #F2F1F7;
  --md-sys-color-surface-variant: #2B3E4E;
  --md-sys-color-on-surface-variant: #A9B4C2;
  --md-sys-color-outline: #4C6478;
  --md-sys-color-outline-variant: #2B3E4E;
  --md-sys-color-surface-container-lowest: #101B24;
  --md-sys-color-surface-container-low: #1A2C3A;
  --md-sys-color-surface-container: #1F3342;
  --md-sys-color-surface-container-high: #28404F;
  --md-sys-color-surface-container-highest: #325066;

  /* Error */
  --md-sys-color-error: #E2685A;
  --md-sys-color-on-error: #3A0500;
  --md-sys-color-error-container: #5C1208;
  --md-sys-color-on-error-container: #FFDAD1;

  /* Success */
  --md-sys-color-success: #5FBE8B;
  --md-sys-color-success-container: #1B4430;
  --md-sys-color-on-success-container: #B9F0CE;

  /* Warning (used for status chips, KLM-style) */
  --md-sys-color-warning: #F0B94A;
  --md-sys-color-warning-container: #4A3610;
  --md-sys-color-on-warning-container: #FFE3AD;

  /* Elevation overlays (md3 tonal surface) */
  --md-sys-elevation-level0: 0px;
  --md-sys-elevation-level1: 1px;
  --md-sys-elevation-level2: 3px;
  --md-sys-elevation-level3: 6px;
  --md-sys-elevation-level4: 8px;
  --md-sys-elevation-level5: 12px;

  /* Shape - slightly tighter than a consumer app; reads more precise/corporate */
  --md-sys-shape-corner-none: 0px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 10px;
  --md-sys-shape-corner-large: 12px;
  --md-sys-shape-corner-extra-large: 24px;
  --md-sys-shape-corner-full: 9999px;

  /* Motion */
  --md-sys-motion-duration-short1: 50ms;
  --md-sys-motion-duration-short2: 100ms;
  --md-sys-motion-duration-medium1: 200ms;
  --md-sys-motion-duration-medium2: 300ms;
  --md-sys-motion-duration-long1: 400ms;
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);

  /* Typography scale - Bitter (serif) for display/headline, not bold;
     IBM Plex Sans (sans) for body/UI; wordmark sets its own bold weight. */
  --md-sys-typescale-display-large-font: 'Bitter', serif;
  --md-sys-typescale-display-large-size: 56px;
  --md-sys-typescale-display-large-line-height: 62px;
  --md-sys-typescale-display-large-weight: 500;

  --md-sys-typescale-display-medium-size: 44px;
  --md-sys-typescale-display-medium-line-height: 50px;

  --md-sys-typescale-headline-large-size: 32px;
  --md-sys-typescale-headline-large-line-height: 40px;
  --md-sys-typescale-headline-large-weight: 500;

  --md-sys-typescale-headline-medium-size: 26px;
  --md-sys-typescale-headline-medium-line-height: 34px;

  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-large-line-height: 28px;
  --md-sys-typescale-title-large-weight: 600;

  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-weight: 600;

  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-weight: 600;
  --md-sys-typescale-label-large-line-height: 20px;

  --md-sys-typescale-label-medium-size: 12px;
  --md-sys-typescale-label-medium-weight: 600;
  --md-sys-typescale-label-medium-line-height: 16px;

  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-line-height: 26px;
  --md-sys-typescale-body-large-weight: 400;

  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-line-height: 22px;
  --md-sys-typescale-body-medium-weight: 400;
}