/* GLE brand tokens — generated from library/brand/tokens.json v0.6.0 by tools/brand-tokens-css.js. Do not edit; edit the JSON and regenerate. */ /* default scheme: dark; set data-theme="light" on to force the other one. */ :root { /* primitives */ --gle-navy: #101720; --gle-orange: #F75105; --gle-steel: #A9AFAF; --gle-navy-deep: #0a1016; --gle-navy-raised: #16202c; --gle-steel-100: #F3F4F4; --gle-steel-200: #E4E6E6; --gle-steel-300: #CBD0D0; --gle-steel-400: #A9AFAF; --gle-steel-500: #7E8686; --gle-steel-600: #5C6464; --gle-steel-700: #3E4548; --gle-paper: #FFFFFF; --gle-orange-wash: rgba(247,81,5,0.10); --gle-orange-deep: #C94204; --gle-orb-orange: rgba(247,81,5,0.30); --gle-orb-orange-soft: rgba(247,81,5,0.15); --gle-orb-steel: rgba(169,175,175,0.18); --gle-glow-orange: 0 12px 30px rgba(247,81,5,0.32); --gle-glow-orange-strong: 0 16px 38px rgba(247,81,5,0.40); --gle-gradient-orange: linear-gradient(135deg, #F75105 0%, #C94204 100%); --gle-orb-blur: 74px; --gle-orange-amber: #E98203; --gle-accent-tint: #FFB18F; --gle-hairline: rgba(255,255,255,0.08); --gle-neon-glow: 0 0 20px rgba(247,81,5,0.80), 0 0 48px rgba(247,81,5,0.50); --gle-neon-glow-soft: 0 0 48px rgba(210,77,20,0.24); --gle-gradient-orange-web: radial-gradient(circle at 100% 100%, #F75105 52%, #E98203 100%); --gle-gradient-dark: linear-gradient(322deg, #0a1016 24%, #101720 95%); --gle-font-display: "Neue Montreal", "General Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --gle-font-heading: "Neue Montreal", "General Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --gle-font-body: "Neue Montreal", "General Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --gle-font-label: "Neue Montreal", "General Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --gle-font-alt: "General Sans", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif; --gle-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --gle-font-display-weight: 700; --gle-font-heading-weight: 500; --gle-font-body-weight: 400; --gle-font-label-weight: 500; --gle-font-alt-weight: 500; --gle-font-mono-weight: 400; --gle-tracking-label: 0.08em; --gle-tracking-display: -0.02em; --gle-text-xs: 0.75rem; --gle-text-sm: 0.875rem; --gle-text-base: 1rem; --gle-text-lg: 1.125rem; --gle-text-xl: 1.25rem; --gle-text-2xl: 1.5rem; --gle-text-3xl: 2rem; --gle-text-display: 3.5rem; --gle-leading-display: 1.05; --gle-leading-tight: 1.15; --gle-leading-normal: 1.5; --gle-space-0: 0px; --gle-space-1: 4px; --gle-space-2: 8px; --gle-space-3: 12px; --gle-space-4: 16px; --gle-space-6: 24px; --gle-space-8: 32px; --gle-space-12: 48px; --gle-radius-sm: 6px; --gle-radius-md: 10px; --gle-radius-lg: 16px; --gle-radius-xl: 24px; --gle-radius-pill: 999px; --gle-radius-2xl: 22px; --gle-shadow-soft: 0 1px 2px rgba(16,23,32,0.12); --gle-shadow-raised: 0 8px 24px rgba(16,23,32,0.20); --gle-duration-fast: 120ms; --gle-duration-base: 200ms; --gle-duration-slow: 320ms; --gle-ease: cubic-bezier(0.2,0.8,0.2,1); /* semantic — dark (default) */ --gle-bg: var(--gle-navy-deep); --gle-surface: var(--gle-navy); --gle-surface-raised: var(--gle-navy-raised); --gle-ink: var(--gle-steel-300); --gle-ink-soft: var(--gle-steel-400); --gle-muted: var(--gle-steel-400); --gle-line: var(--gle-steel-700); --gle-line-soft: var(--gle-navy); --gle-accent: var(--gle-orange); --gle-accent-wash: var(--gle-orange-wash); --gle-accent-ink: var(--gle-paper); --gle-chip-bg: var(--gle-steel-300); --gle-chip-ink: var(--gle-navy); --gle-dot: var(--gle-navy-raised); } @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --gle-bg: var(--gle-paper); --gle-surface: var(--gle-steel-100); --gle-surface-raised: var(--gle-paper); --gle-ink: var(--gle-navy); --gle-ink-soft: var(--gle-steel-700); --gle-muted: var(--gle-steel-600); --gle-line: var(--gle-steel-300); --gle-line-soft: var(--gle-steel-200); --gle-accent: var(--gle-orange); --gle-accent-wash: var(--gle-orange-wash); --gle-accent-ink: var(--gle-paper); --gle-chip-bg: var(--gle-navy); --gle-chip-ink: var(--gle-paper); --gle-dot: var(--gle-steel-300); } } :root[data-theme="light"] { --gle-bg: var(--gle-paper); --gle-surface: var(--gle-steel-100); --gle-surface-raised: var(--gle-paper); --gle-ink: var(--gle-navy); --gle-ink-soft: var(--gle-steel-700); --gle-muted: var(--gle-steel-600); --gle-line: var(--gle-steel-300); --gle-line-soft: var(--gle-steel-200); --gle-accent: var(--gle-orange); --gle-accent-wash: var(--gle-orange-wash); --gle-accent-ink: var(--gle-paper); --gle-chip-bg: var(--gle-navy); --gle-chip-ink: var(--gle-paper); --gle-dot: var(--gle-steel-300); }