/* GENERATED from @normworks/design-tokens 0.6.0 (nw.ai.skills) by scripts/gen-tokens: the NormWorks brand at :root,
   plus the five child brands scoped to [data-brand] for the app cards. Do not hand-edit values. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --font-sans: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, SFMono-Regular, monospace;
  --font-size-display: 52px;
  --line-height-display: 1.02;
  --font-weight-display: 700;
  --tracking-display: -0.03em;
  --font-size-h1: 40px;
  --line-height-h1: 1.05;
  --font-weight-h1: 700;
  --tracking-h1: -0.025em;
  --font-size-h2: 30px;
  --line-height-h2: 1.12;
  --font-weight-h2: 600;
  --tracking-h2: -0.02em;
  --font-size-h3: 22px;
  --line-height-h3: 1.25;
  --font-weight-h3: 600;
  --tracking-h3: -0.015em;
  --font-size-h4: 18px;
  --line-height-h4: 1.3;
  --font-weight-h4: 600;
  --tracking-h4: -0.01em;
  --font-size-body-lg: 17px;
  --line-height-body-lg: 1.55;
  --font-weight-body-lg: 400;
  --tracking-body-lg: 0;
  --font-size-body: 15px;
  --line-height-body: 1.55;
  --font-weight-body: 400;
  --tracking-body: 0;
  --font-size-body-sm: 13px;
  --line-height-body-sm: 1.5;
  --font-weight-body-sm: 400;
  --tracking-body-sm: 0;
  --font-size-label: 13px;
  --line-height-label: 1.2;
  --font-weight-label: 600;
  --tracking-label: 0;
  --font-size-caption: 12.5px;
  --line-height-caption: 1.4;
  --font-weight-caption: 400;
  --tracking-caption: 0;
  --font-size-overline: 11px;
  --line-height-overline: 1.2;
  --font-weight-overline: 600;
  --tracking-overline: 0.16em;
  --font-size-code: 13px;
  --line-height-code: 1.5;
  --font-weight-code: 400;
  --tracking-code: 0;

  --color-bg-page: #E9E4D8;
  --color-bg-surface: #F0ECE2;
  --color-bg-raised: #F6F2E9;
  --color-border: #D8D0BF;
  --color-border-strong: #B7AE9A;
  --color-text: #23201A;
  --color-text-subtle: #5C574D;
  --color-text-muted: #8A8273;
  --color-action: #C0532E;
  --color-action-hover: #A5431F;
  --color-action-active: #7A3417;
  --color-on-action: #F6F2E9;
  --color-action-soft: #F2D8CC;
  --color-accent: #8A5570;
  --color-focus: #C0532E;
  --color-focus-ring: rgba(192,83,46,.32);
  --color-positive: #5E8B3F;
  --color-notice: #A6661F;
  --color-critical: #B23A2E;
  --shadow-1: 0 1px 2px rgba(40,30,20,.07), 0 1px 0 rgba(0,0,0,.03);
  --shadow-2: 0 4px 14px rgba(40,30,20,.10);
  --shadow-3: 0 14px 34px rgba(40,30,20,.16);
}

[data-brand="lady"] {
  --color-bg-page: #15171C;
  --color-bg-surface: #1C1F25;
  --color-bg-raised: #23272E;
  --color-border: #323841;
  --color-border-strong: #454C57;
  --color-text: #F0F2F4;
  --color-text-subtle: #C6CBD1;
  --color-text-muted: #6E767F;
  --color-action: #C9888C;
  --color-action-hover: #DCA9AC;
  --color-action-active: #B06E73;
  --color-on-action: #241015;
  --color-action-soft: rgba(201,136,140,.16);
  --color-accent: #DCA9AC;
  --color-focus: #C9888C;
  --color-focus-ring: rgba(201,136,140,.34);
  --color-positive: #8FBE93;
  --color-notice: #D9B26A;
  --color-critical: #DC8E86;
  --shadow-1: 0 1px 2px rgba(0,0,0,.40);
  --shadow-2: 0 6px 20px rgba(0,0,0,.45);
  --shadow-3: 0 16px 40px rgba(0,0,0,.55);
}

[data-brand="proof"] {
  --color-bg-page: #F1F3F6;
  --color-bg-surface: #F8F9FB;
  --color-bg-raised: #FFFFFF;
  --color-border: #E6E9EF;
  --color-border-strong: #D4D9E1;
  --color-text: #1C2128;
  --color-text-subtle: #545C68;
  --color-text-muted: #79828F;
  --color-action: #3E7BD6;
  --color-action-hover: #2F63B4;
  --color-action-active: #244E8E;
  --color-on-action: #FFFFFF;
  --color-action-soft: #DCE8FB;
  --color-accent: #3E9E6B;
  --color-focus: #3E7BD6;
  --color-focus-ring: rgba(62,123,214,.30);
  --color-positive: #2E7D52;
  --color-notice: #A6661F;
  --color-critical: #A33728;
  --shadow-1: 0 1px 2px rgba(28,33,40,.06), 0 1px 0 rgba(28,33,40,.03);
  --shadow-2: 0 4px 14px rgba(28,33,40,.09);
  --shadow-3: 0 14px 34px rgba(28,33,40,.13);
}

[data-brand="pageturner"] {
  --color-bg-page: #F4ECDB;
  --color-bg-surface: #FBF7EE;
  --color-bg-raised: #FFFDF7;
  --color-border: #EBE0C9;
  --color-border-strong: #DBCBAA;
  --color-text: #2A2218;
  --color-text-subtle: #6B5C42;
  --color-text-muted: #8E7C5E;
  --color-action: #8A2F3B;
  --color-action-hover: #71242F;
  --color-action-active: #561A23;
  --color-on-action: #FBF7EE;
  --color-action-soft: #F0D9DC;
  --color-accent: #B8842E;
  --color-focus: #8A2F3B;
  --color-focus-ring: rgba(138,47,59,.30);
  --color-positive: #5E7A3E;
  --color-notice: #856017;
  --color-critical: #A33728;
  --shadow-1: 0 1px 2px rgba(42,34,24,.08), 0 1px 0 rgba(42,34,24,.03);
  --shadow-2: 0 4px 14px rgba(42,34,24,.11);
  --shadow-3: 0 14px 34px rgba(42,34,24,.16);
}

[data-brand="groundr"] {
  --color-bg-page: #F0F1F4;
  --color-bg-surface: #F8F9FB;
  --color-bg-raised: #FFFFFF;
  --color-border: #E3E5EB;
  --color-border-strong: #CFD3DC;
  --color-text: #1E2027;
  --color-text-subtle: #525863;
  --color-text-muted: #767C88;
  --color-action: #6966A4;
  --color-action-hover: #585493;
  --color-action-active: #484383;
  --color-on-action: #FFFFFF;
  --color-action-soft: #E4E4F1;
  --color-accent: #7E8AC4;
  --color-focus: #6966A4;
  --color-focus-ring: rgba(105,102,164,.30);
  --color-positive: #2E7D52;
  --color-notice: #A6661F;
  --color-critical: #A33728;
  --shadow-1: 0 1px 2px rgba(30,32,39,.06), 0 1px 0 rgba(30,32,39,.03);
  --shadow-2: 0 4px 14px rgba(30,32,39,.09);
  --shadow-3: 0 14px 34px rgba(30,32,39,.13);
}

[data-brand="walkdrobe"] {
  --color-bg-page: #EEEEEC;
  --color-bg-surface: #F7F7F5;
  --color-bg-raised: #FFFFFF;
  --color-border: #E1E1DE;
  --color-border-strong: #C8C8C4;
  --color-text: #141414;
  --color-text-subtle: #4D4D4A;
  --color-text-muted: #6B6B67;
  --color-action: #141414;
  --color-action-hover: #2E2E2C;
  --color-action-active: #000000;
  --color-on-action: #FFFFFF;
  --color-action-soft: #E3ECE7;
  --color-accent: #1F6B50;
  --color-focus: #1F6B50;
  --color-focus-ring: rgba(31,107,80,.32);
  --color-positive: #3E7A1E;
  --color-notice: #A6661F;
  --color-critical: #A33728;
  --shadow-1: 0 1px 2px rgba(20,20,20,.06), 0 1px 0 rgba(20,20,20,.03);
  --shadow-2: 0 4px 14px rgba(20,20,20,.09);
  --shadow-3: 0 14px 34px rgba(20,20,20,.14);
}