/* generated by cogmenta/design @ 16563c8 — do not edit here; change it in the design repo and re-sync */
/* Cogmenta product themes — scope with <html data-product="loop-work|loop-personal|self-workflow">.
   Load after cogmenta-tokens.css. */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Serif:wght@400;500&family=Noto+Serif+KR:wght@400;500&family=Noto+Sans+KR:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap');
/* Cogmenta — "Meridian" theme · Company · investor · corporate
   Drop-in replacement for cogmenta-tokens.css: same --cg-* names, product values. Default mode: light. */
:root, [data-product="cogmenta"]{
  /* raw palette — outer loop = structure/trust, inner loop = the product's signature accent */
  --cg-outer:#0B1F3A; --cg-outer-700:#132D52; --cg-outer-900:#071527; --cg-inner:#1FA89A; --cg-inner-600:#13756C; --cg-inner-400:#35C4B5; --cg-inner-100:#D7F0EC; --cg-ink:#1A1D21; --cg-graphite:#374151; --cg-slate:#5B6B7C; --cg-paper:#FFFFFF; --cg-subtle:#EEF4F6; --cg-line:#DADCD8; --cg-white:#FFFFFF; --cg-d-bg:#0B1F3A; --cg-d-surface:#10294A; --cg-d-subtle:#132D52; --cg-d-line:#24405F; --cg-d-fg:#FFFFFF; --cg-d-muted:#9FB0BF;
  /* legacy aliases so company components keep working */
  --cg-navy:var(--cg-outer); --cg-navy-700:var(--cg-outer-700); --cg-navy-900:var(--cg-outer-900);
  --cg-teal:var(--cg-inner); --cg-teal-600:var(--cg-inner-600); --cg-teal-100:var(--cg-inner-100); --cg-ice:var(--cg-subtle);
  /* semantic (light) */
  --cg-bg:var(--cg-paper); --cg-surface:var(--cg-white); --cg-bg-subtle:var(--cg-subtle); --cg-fg:var(--cg-ink); --cg-fg-muted:var(--cg-slate);
  --cg-primary:var(--cg-outer); --cg-primary-fg:var(--cg-white); --cg-accent:var(--cg-inner); --cg-accent-text:var(--cg-inner-600); --cg-accent-soft:var(--cg-inner-100);
  --cg-border:var(--cg-line); --cg-link:var(--cg-inner-600); --cg-link-hover:var(--cg-ink); --cg-focus:var(--cg-inner);
  --cg-loop-outer:var(--cg-outer); --cg-loop-inner:var(--cg-inner);
  --cg-success:#1C7649; --cg-warning:#965900; --cg-danger:#C0362C; --cg-info:#2A69AC;
  /* AX */ --cg-ai:var(--cg-inner); --cg-ai-soft:var(--cg-inner-100); --cg-human:var(--cg-ink); --cg-rec:#D43F3A;
  /* type */
  --cg-font-display:'Sora','Noto Sans KR',sans-serif; --cg-font-body:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-editorial:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-label:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-mono:'JetBrains Mono','Noto Sans KR',monospace;
  --cg-text-2xs:11px; --cg-text-xs:12px; --cg-text-sm:14px; --cg-text-md:16px; --cg-text-lg:20px; --cg-text-xl:28px; --cg-text-2xl:40px; --cg-text-3xl:56px; --cg-text-4xl:80px;
  --cg-tracking-display:-0.02em; --cg-tracking-label:0.12em; --cg-leading-tight:1.1; --cg-leading-body:1.55;
  /* shape, density, space */
  --cg-radius-sm:3px; --cg-radius-md:6px; --cg-radius-lg:10px; --cg-radius-pill:999px;
  --cg-control-h:38px; --cg-density:compact;
  --cg-space-1:4px; --cg-space-2:8px; --cg-space-3:12px; --cg-space-4:16px; --cg-space-6:24px; --cg-space-8:32px; --cg-space-12:48px; --cg-space-16:64px;
  --cg-shadow-sm:0 1px 2px rgba(11,31,58,.08); --cg-shadow-md:0 6px 20px rgba(11,31,58,.10);
  /* motion */
  --cg-dur-fast:180ms; --cg-dur-base:320ms; --cg-ease:cubic-bezier(.4,0,.2,1); --cg-loop-lap-outer:4.8s; --cg-loop-lap-inner:2.4s;
}
[data-product="cogmenta"][data-theme="dark"], :root[data-theme="dark"]:not([data-product]){
  --cg-bg:var(--cg-d-bg); --cg-surface:var(--cg-d-surface); --cg-bg-subtle:var(--cg-d-subtle); --cg-fg:var(--cg-d-fg); --cg-fg-muted:var(--cg-d-muted);
  --cg-primary:var(--cg-inner-400); --cg-primary-fg:var(--cg-outer-900); --cg-accent:var(--cg-inner-400); --cg-accent-text:var(--cg-inner-400); --cg-accent-soft:var(--cg-d-subtle);
  --cg-border:var(--cg-d-line); --cg-link:var(--cg-inner-400); --cg-link-hover:var(--cg-d-fg); --cg-focus:var(--cg-inner-400);
  --cg-loop-outer:var(--cg-d-fg); --cg-loop-inner:var(--cg-inner-400);
  --cg-success:#4CC38A; --cg-warning:#F0B13C; --cg-danger:#FF7A6E; --cg-info:#7DB3F2;
  /* AX */ --cg-ai:var(--cg-inner-400); --cg-ai-soft:var(--cg-d-subtle); --cg-human:var(--cg-d-fg); --cg-rec:#FF6B64;
}

/* LoOP Work — "Sovereign" theme · B2B · premium · regulated expert firms
   Drop-in replacement for cogmenta-tokens.css: same --cg-* names, product values. Default mode: light. */
[data-product="loop-work"]{
  /* raw palette — outer loop = structure/trust, inner loop = the product's signature accent */
  --cg-outer:#0B1F3A; --cg-outer-700:#132D52; --cg-outer-900:#071527; --cg-inner:#A9843C; --cg-inner-600:#826428; --cg-inner-400:#C9A961; --cg-inner-100:#F3EAD3; --cg-ink:#14181F; --cg-graphite:#363C47; --cg-slate:#5E6470; --cg-paper:#FAF7F0; --cg-subtle:#F4EDE0; --cg-line:#E2DACB; --cg-white:#FFFFFF; --cg-d-bg:#0A1628; --cg-d-surface:#10213B; --cg-d-subtle:#132D52; --cg-d-line:#26405F; --cg-d-fg:#F4EDE0; --cg-d-muted:#A5B1C2;
  /* legacy aliases so company components keep working */
  --cg-navy:var(--cg-outer); --cg-navy-700:var(--cg-outer-700); --cg-navy-900:var(--cg-outer-900);
  --cg-teal:var(--cg-inner); --cg-teal-600:var(--cg-inner-600); --cg-teal-100:var(--cg-inner-100); --cg-ice:var(--cg-subtle);
  /* semantic (light) */
  --cg-bg:var(--cg-paper); --cg-surface:var(--cg-white); --cg-bg-subtle:var(--cg-subtle); --cg-fg:var(--cg-ink); --cg-fg-muted:var(--cg-slate);
  --cg-primary:var(--cg-outer); --cg-primary-fg:var(--cg-white); --cg-accent:var(--cg-inner); --cg-accent-text:var(--cg-inner-600); --cg-accent-soft:var(--cg-inner-100);
  --cg-border:var(--cg-line); --cg-link:var(--cg-inner-600); --cg-link-hover:var(--cg-ink); --cg-focus:var(--cg-inner);
  --cg-loop-outer:var(--cg-outer); --cg-loop-inner:var(--cg-inner);
  --cg-success:#1C7649; --cg-warning:#965900; --cg-danger:#C0362C; --cg-info:#2A69AC;
  /* AX */ --cg-ai:var(--cg-inner); --cg-ai-soft:var(--cg-inner-100); --cg-human:var(--cg-ink); --cg-rec:#D43F3A;
  /* type */
  --cg-font-display:'Sora','Noto Sans KR',sans-serif; --cg-font-body:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-editorial:'IBM Plex Serif','Noto Serif KR',serif; --cg-font-label:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-mono:'JetBrains Mono','Noto Sans KR',monospace;
  --cg-text-2xs:11px; --cg-text-xs:12px; --cg-text-sm:13px; --cg-text-md:15px; --cg-text-lg:20px; --cg-text-xl:28px; --cg-text-2xl:40px; --cg-text-3xl:56px; --cg-text-4xl:80px;
  --cg-tracking-display:-0.02em; --cg-tracking-label:0.12em; --cg-leading-tight:1.1; --cg-leading-body:1.55;
  /* shape, density, space */
  --cg-radius-sm:3px; --cg-radius-md:6px; --cg-radius-lg:10px; --cg-radius-pill:999px;
  --cg-control-h:36px; --cg-density:compact;
  --cg-space-1:4px; --cg-space-2:8px; --cg-space-3:12px; --cg-space-4:16px; --cg-space-6:24px; --cg-space-8:32px; --cg-space-12:48px; --cg-space-16:64px;
  --cg-shadow-sm:0 1px 2px rgba(11,31,58,.08); --cg-shadow-md:0 6px 20px rgba(11,31,58,.10);
  /* motion */
  --cg-dur-fast:180ms; --cg-dur-base:320ms; --cg-ease:cubic-bezier(.4,0,.2,1); --cg-loop-lap-outer:4.8s; --cg-loop-lap-inner:2.4s;
}
[data-product="loop-work"][data-theme="dark"], [data-product="loop-work"] [data-theme="dark"], [data-theme="dark"] [data-product="loop-work"]:not([data-theme="light"]){
  --cg-bg:var(--cg-d-bg); --cg-surface:var(--cg-d-surface); --cg-bg-subtle:var(--cg-d-subtle); --cg-fg:var(--cg-d-fg); --cg-fg-muted:var(--cg-d-muted);
  --cg-primary:var(--cg-inner-400); --cg-primary-fg:var(--cg-outer-900); --cg-accent:var(--cg-inner-400); --cg-accent-text:var(--cg-inner-400); --cg-accent-soft:var(--cg-d-subtle);
  --cg-border:var(--cg-d-line); --cg-link:var(--cg-inner-400); --cg-link-hover:var(--cg-d-fg); --cg-focus:var(--cg-inner-400);
  --cg-loop-outer:var(--cg-d-fg); --cg-loop-inner:var(--cg-inner-400);
  --cg-success:#4CC38A; --cg-warning:#F0B13C; --cg-danger:#FF7A6E; --cg-info:#7DB3F2;
  /* AX */ --cg-ai:var(--cg-inner-400); --cg-ai-soft:var(--cg-d-subtle); --cg-human:var(--cg-d-fg); --cg-rec:#FF6B64;
}

/* LoOP Personal — "Daylight" theme · B2C · individual knowledge workers
   Drop-in replacement for cogmenta-tokens.css: same --cg-* names, product values. Default mode: light. */
[data-product="loop-personal"]{
  /* raw palette — outer loop = structure/trust, inner loop = the product's signature accent */
  --cg-outer:#18213A; --cg-outer-700:#26345A; --cg-outer-900:#0E1424; --cg-inner:#3366FF; --cg-inner-600:#2450D8; --cg-inner-400:#7B9BFF; --cg-inner-100:#E8EEFF; --cg-ink:#12151C; --cg-graphite:#343A48; --cg-slate:#5C6577; --cg-paper:#FFFFFF; --cg-subtle:#F3F6FC; --cg-line:#E1E6F0; --cg-white:#FFFFFF; --cg-d-bg:#0E1424; --cg-d-surface:#151D33; --cg-d-subtle:#1C2743; --cg-d-line:#2B3960; --cg-d-fg:#F3F6FC; --cg-d-muted:#9AA6C0;
  /* legacy aliases so company components keep working */
  --cg-navy:var(--cg-outer); --cg-navy-700:var(--cg-outer-700); --cg-navy-900:var(--cg-outer-900);
  --cg-teal:var(--cg-inner); --cg-teal-600:var(--cg-inner-600); --cg-teal-100:var(--cg-inner-100); --cg-ice:var(--cg-subtle);
  /* semantic (light) */
  --cg-bg:var(--cg-paper); --cg-surface:var(--cg-white); --cg-bg-subtle:var(--cg-subtle); --cg-fg:var(--cg-ink); --cg-fg-muted:var(--cg-slate);
  --cg-primary:var(--cg-inner); --cg-primary-fg:var(--cg-white); --cg-accent:var(--cg-inner); --cg-accent-text:var(--cg-inner-600); --cg-accent-soft:var(--cg-inner-100);
  --cg-border:var(--cg-line); --cg-link:var(--cg-inner-600); --cg-link-hover:var(--cg-ink); --cg-focus:var(--cg-inner);
  --cg-loop-outer:var(--cg-outer); --cg-loop-inner:var(--cg-inner);
  --cg-success:#1C7649; --cg-warning:#965900; --cg-danger:#C0362C; --cg-info:#2A69AC;
  /* AX */ --cg-ai:var(--cg-inner); --cg-ai-soft:var(--cg-inner-100); --cg-human:var(--cg-ink); --cg-rec:#D43F3A;
  /* type */
  --cg-font-display:'Sora','Noto Sans KR',sans-serif; --cg-font-body:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-editorial:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-label:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-mono:'JetBrains Mono','Noto Sans KR',monospace;
  --cg-text-2xs:11px; --cg-text-xs:12px; --cg-text-sm:14px; --cg-text-md:16px; --cg-text-lg:20px; --cg-text-xl:28px; --cg-text-2xl:40px; --cg-text-3xl:56px; --cg-text-4xl:80px;
  --cg-tracking-display:-0.02em; --cg-tracking-label:0.12em; --cg-leading-tight:1.1; --cg-leading-body:1.55;
  /* shape, density, space */
  --cg-radius-sm:8px; --cg-radius-md:12px; --cg-radius-lg:20px; --cg-radius-pill:999px;
  --cg-control-h:44px; --cg-density:comfortable;
  --cg-space-1:4px; --cg-space-2:8px; --cg-space-3:12px; --cg-space-4:16px; --cg-space-6:24px; --cg-space-8:32px; --cg-space-12:48px; --cg-space-16:64px;
  --cg-shadow-sm:0 1px 2px rgba(24,33,58,.06); --cg-shadow-md:0 10px 30px rgba(51,102,255,.12);
  /* motion */
  --cg-dur-fast:160ms; --cg-dur-base:280ms; --cg-ease:cubic-bezier(.2,.8,.2,1); --cg-loop-lap-outer:4.8s; --cg-loop-lap-inner:2.4s;
}
[data-product="loop-personal"][data-theme="dark"], [data-product="loop-personal"] [data-theme="dark"], [data-theme="dark"] [data-product="loop-personal"]:not([data-theme="light"]){
  --cg-bg:var(--cg-d-bg); --cg-surface:var(--cg-d-surface); --cg-bg-subtle:var(--cg-d-subtle); --cg-fg:var(--cg-d-fg); --cg-fg-muted:var(--cg-d-muted);
  --cg-primary:var(--cg-inner-400); --cg-primary-fg:var(--cg-outer-900); --cg-accent:var(--cg-inner-400); --cg-accent-text:var(--cg-inner-400); --cg-accent-soft:var(--cg-d-subtle);
  --cg-border:var(--cg-d-line); --cg-link:var(--cg-inner-400); --cg-link-hover:var(--cg-d-fg); --cg-focus:var(--cg-inner-400);
  --cg-loop-outer:var(--cg-d-fg); --cg-loop-inner:var(--cg-inner-400);
  --cg-success:#4CC38A; --cg-warning:#F0B13C; --cg-danger:#FF7A6E; --cg-info:#7DB3F2;
  /* AX */ --cg-ai:var(--cg-inner-400); --cg-ai-soft:var(--cg-d-subtle); --cg-human:var(--cg-d-fg); --cg-rec:#FF6B64;
}

/* Self-Workflow — "Forge" theme · Founder dogfooding · experimental · n=1
   Drop-in replacement for cogmenta-tokens.css: same --cg-* names, product values. Default mode: dark. */
[data-product="self-workflow"]{
  /* raw palette — outer loop = structure/trust, inner loop = the product's signature accent */
  --cg-outer:#1C1F24; --cg-outer-700:#2A2E35; --cg-outer-900:#0F1113; --cg-inner:#E8501A; --cg-inner-600:#B83E0B; --cg-inner-400:#FF6A2B; --cg-inner-100:#FCE6DC; --cg-ink:#141619; --cg-graphite:#3A3F47; --cg-slate:#626871; --cg-paper:#F6F4F0; --cg-subtle:#ECE8E1; --cg-line:#D9D4CB; --cg-white:#FFFFFF; --cg-d-bg:#0F1113; --cg-d-surface:#17191D; --cg-d-subtle:#1F2227; --cg-d-line:#31353C; --cg-d-fg:#ECE8E1; --cg-d-muted:#9A9FA8;
  /* legacy aliases so company components keep working */
  --cg-navy:var(--cg-outer); --cg-navy-700:var(--cg-outer-700); --cg-navy-900:var(--cg-outer-900);
  --cg-teal:var(--cg-inner); --cg-teal-600:var(--cg-inner-600); --cg-teal-100:var(--cg-inner-100); --cg-ice:var(--cg-subtle);
  /* semantic (dark) */
  --cg-bg:var(--cg-d-bg); --cg-surface:var(--cg-d-surface); --cg-bg-subtle:var(--cg-d-subtle); --cg-fg:var(--cg-d-fg); --cg-fg-muted:var(--cg-d-muted);
  --cg-primary:var(--cg-inner-400); --cg-primary-fg:var(--cg-outer-900); --cg-accent:var(--cg-inner-400); --cg-accent-text:var(--cg-inner-400); --cg-accent-soft:var(--cg-d-subtle);
  --cg-border:var(--cg-d-line); --cg-link:var(--cg-inner-400); --cg-link-hover:var(--cg-d-fg); --cg-focus:var(--cg-inner-400);
  --cg-loop-outer:var(--cg-d-fg); --cg-loop-inner:var(--cg-inner-400);
  --cg-success:#4CC38A; --cg-warning:#F0B13C; --cg-danger:#FF7A6E; --cg-info:#7DB3F2;
  /* AX */ --cg-ai:var(--cg-inner-400); --cg-ai-soft:var(--cg-d-subtle); --cg-human:var(--cg-d-fg); --cg-rec:#FF6B64;
  /* type */
  --cg-font-display:'Sora','Noto Sans KR',sans-serif; --cg-font-body:'IBM Plex Sans','Noto Sans KR',sans-serif; --cg-font-editorial:'JetBrains Mono','Noto Sans KR',monospace; --cg-font-label:'JetBrains Mono','Noto Sans KR',monospace; --cg-font-mono:'JetBrains Mono','Noto Sans KR',monospace;
  --cg-text-2xs:11px; --cg-text-xs:12px; --cg-text-sm:12px; --cg-text-md:14px; --cg-text-lg:20px; --cg-text-xl:28px; --cg-text-2xl:40px; --cg-text-3xl:56px; --cg-text-4xl:80px;
  --cg-tracking-display:-0.02em; --cg-tracking-label:0.12em; --cg-leading-tight:1.1; --cg-leading-body:1.55;
  /* shape, density, space */
  --cg-radius-sm:2px; --cg-radius-md:4px; --cg-radius-lg:6px; --cg-radius-pill:999px;
  --cg-control-h:32px; --cg-density:dense;
  --cg-space-1:4px; --cg-space-2:8px; --cg-space-3:12px; --cg-space-4:16px; --cg-space-6:24px; --cg-space-8:32px; --cg-space-12:48px; --cg-space-16:64px;
  --cg-shadow-sm:0 0 0 1px rgba(0,0,0,.20); --cg-shadow-md:0 8px 24px rgba(0,0,0,.35);
  /* motion */
  --cg-dur-fast:100ms; --cg-dur-base:200ms; --cg-ease:cubic-bezier(.3,0,0,1); --cg-loop-lap-outer:4.8s; --cg-loop-lap-inner:2.4s;
}
[data-product="self-workflow"][data-theme="light"], [data-product="self-workflow"] [data-theme="light"], [data-theme="light"] [data-product="self-workflow"]:not([data-theme="dark"]){
  --cg-bg:var(--cg-paper); --cg-surface:var(--cg-white); --cg-bg-subtle:var(--cg-subtle); --cg-fg:var(--cg-ink); --cg-fg-muted:var(--cg-slate);
  --cg-primary:var(--cg-outer); --cg-primary-fg:var(--cg-white); --cg-accent:var(--cg-inner); --cg-accent-text:var(--cg-inner-600); --cg-accent-soft:var(--cg-inner-100);
  --cg-border:var(--cg-line); --cg-link:var(--cg-inner-600); --cg-link-hover:var(--cg-ink); --cg-focus:var(--cg-inner);
  --cg-loop-outer:var(--cg-outer); --cg-loop-inner:var(--cg-inner);
  --cg-success:#1C7649; --cg-warning:#965900; --cg-danger:#C0362C; --cg-info:#2A69AC;
  /* AX */ --cg-ai:var(--cg-inner); --cg-ai-soft:var(--cg-inner-100); --cg-human:var(--cg-ink); --cg-rec:#D43F3A;
}
