/* Global Emissionairy — Brand Tokens & Fonts
   Loaded via index.html <link>. Font files served from /fonts/.
   Do not import directly from components — this is a global stylesheet. */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');

@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-ThinOblique.otf') format('opentype'); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-ExtraLight.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-ExtraLightOblique.otf') format('opentype'); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-LightOblique.otf') format('opentype'); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Text.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-TextOblique.otf') format('opentype'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-MediumOblique.otf') format('opentype'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-DemiBold.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-DemiBoldOblique.otf') format('opentype'); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-BoldOblique.otf') format('opentype'); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-ExtraBold.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-ExtraBoldOblique.otf') format('opentype'); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-Heavy.otf') format('opentype'); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Articulat CF'; src: url('/fonts/ArticulatCFv2-HeavyOblique.otf') format('opentype'); font-weight: 900; font-style: italic; font-display: swap; }

:root {
  --ge-green:      #1AA960;
  --ge-green-400:  #41BC6B;
  --ge-green-600:  #158B4E;
  --ge-green-700:  #0F6E3D;

  --ge-violet:     #585FC8;
  --ge-cobalt:     #4E6BB7;
  --ge-blue:       #4477A6;
  --ge-steel:      #3A8395;
  --ge-teal:       #2F8F84;
  --ge-blue-light: #7091D9;

  --ge-gradient: linear-gradient(165deg,
    #585FC8 0%, #4E6BB7 22%, #4477A6 40%,
    #3A8395 58%, #2F8F84 72%, #269B73 86%, #1AA960 100%);
  --ge-gradient-radial: radial-gradient(circle at 30% 25%,
    #7091D9 0%, #4E6BB7 28%, #3A8395 55%, #1AA960 100%);

  --ge-ink:       #0E1628;
  --ge-ink-soft:  #1F2A3D;
  --ge-asphalt:   #2B2F33;
  --ge-stone:     #8A8F95;
  --ge-sand:      #EDE7DC;

  --color-accent:       var(--ge-green);
  --color-accent-hover: var(--ge-green-600);
  --color-success:      var(--ge-green);
  --color-warning:      #D97706;
  --color-danger:       #DC2626;
  --color-info:         var(--ge-blue-light);

  --shadow-green: 0 12px 32px rgba(26, 169, 96, 0.25);
  --shadow-sm:    0 2px 6px rgba(14, 22, 40, 0.06), 0 1px 2px rgba(14, 22, 40, 0.04);
  --shadow-md:    0 8px 20px rgba(14, 22, 40, 0.08), 0 2px 4px rgba(14, 22, 40, 0.04);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}