/* Copied from CortexDesign40 3c0c419 dist/cortex40.css (God Mode 8530c501 tokens). Re-copy, do not edit. */
/* GENERATED from design-tokens.json (God Mode 8530c501). Do not edit; run node scripts/generate.mjs. */
:root {
  --cx-obsidian: #090a0c;
  --cx-graphite: #131519;
  --cx-graphite-raised: #1b1d22;
  --cx-card-top: #1f2129;
  --cx-text: #f0f2f7;
  --cx-secondary: #99a1b0;
  --cx-tertiary: #666e7a;
  --cx-magenta: #e04a87;
  --cx-positive: #4dcc8c;
  --cx-caution: #f2b34d;
  --cx-sapphire: #3d8fff;
  --cx-hairline: rgba(255, 255, 255, 0.08);
  --cx-sheen: rgba(255, 255, 255, 0.06);
  --cx-layer-cortex: #408fff;
  --cx-layer-jericho: #e6383d;
  --cx-layer-prism: #9e66fa;
  --cx-layer-cortexnode: #9ed1ff; /* proposed, pending review */
  --cx-layer-signal-zero: #547dff; /* proposed, pending review */
  --cx-layer-forge: #f28538; /* proposed, pending review */
  --cx-layer-spectrum: #45c7cc; /* proposed, pending review */
  --cx-layer-spectrum-end: #e04a87;
  --cx-layer-atlas: #45c7cc; /* proposed, pending review */
  --cx-layer-aurion: #f2b857; /* proposed, pending review */
  --cx-layer-genesis: #4dcc8c; /* proposed, pending review */
  --cx-layer-sovereign: #f2b857; /* proposed, pending review */
  --cx-layer-sovereign-end: #0d1429;
  --cx-accent: var(--cx-layer-cortex);
  --cx-silver-text: linear-gradient(180deg, #ffffff, #c7c7c7, #9e9e9e);
  --cx-metal: linear-gradient(135deg, #f7f7f7, #b3b3b3, #e0e0e0, #8c8c8c);
  --cx-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif;
  --cx-type-eyebrow: 600 11px/1.35 var(--cx-font);
  --cx-track-eyebrow: 1.4px;
  --cx-type-body: 400 15px/1.35 var(--cx-font);
  --cx-type-body-large: 400 16px/1.35 var(--cx-font);
  --cx-type-title: 600 32px/1.35 var(--cx-font);
  --cx-type-wordmark: 600 15px/1.35 var(--cx-font);
  --cx-type-luxury-header: 300 26px/1.35 var(--cx-font);
  --cx-track-luxury-header: 6px;
  --cx-type-luxury-section: 400 15px/1.35 var(--cx-font);
  --cx-track-luxury-section: 9px;
  --cx-type-luxury-subtitle: 300 17px/1.35 var(--cx-font);
  --cx-type-caption: 500 9.5px/1.35 var(--cx-font);
  --cx-track-caption: 2.2px;
  --cx-radius-card: 18px;
  --cx-radius-tile: 14px;
  --cx-pad-card: 18px;
  --cx-inset: 20px;
  --cx-ease-luxe: cubic-bezier(0.22, 1, 0.36, 1);
  --cx-dur-line-draw: 1600ms;
  --cx-dur-emblem-resolve: 1900ms;
  --cx-dur-flare: 500ms;
  --cx-dur-glint: 1100ms;
  --cx-dur-fade-in: 800ms;
  --cx-dur-exit: 550ms;
  --cx-dur-skip: 520ms;
}

/* The 4.0 luxury card: graphite-to-obsidian, silver top edge, accent rim light, one sheen (CortexLuxury.swift:76-106). */
.cx-card {
  position: relative; overflow: hidden; padding: var(--cx-pad-card); border-radius: var(--cx-radius-card);
  background:
    radial-gradient(120px 60px at 50% 100%, color-mix(in srgb, var(--cx-accent) 28.000000000000004%, transparent), transparent),
    linear-gradient(135deg, transparent 45%, var(--cx-sheen) 62%, transparent 72%),
    linear-gradient(180deg, var(--cx-card-top), var(--cx-obsidian));
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow: inset 0 1px 0 rgba(217, 217, 217, 0.25), inset 0 -1px 0 color-mix(in srgb, var(--cx-accent) 45%, transparent);
  outline: 1px solid var(--cx-hairline); outline-offset: -1px;
}
.cx-eyebrow { font: var(--cx-type-eyebrow); letter-spacing: var(--cx-track-eyebrow); text-transform: uppercase; color: var(--cx-secondary); }
.cx-silver { background: var(--cx-silver-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.cx-bg { background: radial-gradient(420px 420px at 50% 0, color-mix(in srgb, var(--cx-accent) 10%, transparent), transparent), var(--cx-obsidian); color: var(--cx-text); }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }