/*
 * Rajib Hub — consolidated color tokens (MODERATE merge)
 * Similar values are merged into one canonical token. Original values + legacy var names alias to it.
 * Source of truth. See COLOR-MAP.md for the full value->token table and CHANGES.md for merge rules.
 */
:root {

  /* --- Brand --- */
  --rg-brand-fuchsia: #F8395A; /*  x88  · merges: #DC2626, #EA580C  · was: --c-critical, --fuchsia, --love-ic, --rating-red-mild-fg, --rating-red-strong-fg, --red, --sev-crit, --sev-high, --stage-color */
  --rg-brand-sky: #B3D2ED; /*  x45  · was: --sky, --sky-blue · reconciled to Figma Brand/sky 2026-06-15 (was #B3D1ED) */
  --rg-brand-fuchsia-strong: #D9324F; /*  x32  · merges: #D92E4E  · was: --fuchsia-a, --fuchsia-accessible, --fuchsia-text */
  --rg-brand-fuchsia-wash: #FFF0F3; /*  x25  · merges: #FDEEF1, #FFF0F2 */
  --rg-brand-fuchsia-hover: #BF2C42; /*  x21  · merges: #C12A45 */
  --rg-brand-sky-soft: #E6F1FB; /*  x5  · merges: #F0F7FD, #EFF6FF, #EEF2FF  · was: --sky-soft */
  --rg-brand-fuchsia-soft: #FEE1E7; /*  x4  · merges: #FEE2E2  · was: --fuchsia-soft, --outcome-blocking-badge-bg, --rating-red-strong-bg, --red-soft */
  --rg-brand-sky-hover: #9FC2E0; /*  x3  · merges: #9CC0E2 */

  /* --- Neutral --- */
  --rg-rule: #E5E5E5; /*  x296  · merges: #E0E0DC, #E4E4E0, #E8E8E4, #DDDDDD, #E8E8E8, #E0E0E0, #E4E4E4, #DEDEDE, #E5E5E0  · was: --border, --rule */
  --rg-white: #FFFFFF; /*  x147  · merges: #FAFAFA  · was: --white */
  --rg-ink: #464646; /*  x87  · merges: #444444  · was: --charcoal, --ink */
  --rg-border-strong: var(--rg-grey-light); /*  x72  · merges: #CCCCCC, #D0D0CC, #C7C7C7  · was: --border-strong */
  --rg-ink-soft: #6B6B6B; /*  x60  · merges: #666666  · was: --charcoal-soft */
  --rg-grey: #737373; /*  x48  · merges: #777777  · was: --grey-mid */
  --rg-black: #000000; /*  x18 */
  --rg-grey-light: #BFBFBF; /*  x15  · was: --grey-light */

  /* --- Layout --- */
  --rg-content-width: 1040px; /* max width of the page content column (mirrors Figma var dim/content-w) */

  /* --- Surface --- */
  --rg-surface-warm: #FAFAF8; /*  x74  · merges: #F9F9F9  · was: --bg */
  --rg-surface-bg: #F7F7F7; /*  x65  · merges: #F7F5F2, #F5F5F5, #F4F4F4, #F8F8F6, #F8F8F8, #F6F6F6, #F4F5F7, #F3F4F6, #F8F8F2  · was: --bg */
  --rg-surface-sunken: #F0F0F0; /*  x50  · merges: #EEEEEE, #F2F2F2, #F4F4F2, #F0F0EC, #F2F2F0, #F1F1F1, #EFEFEF, #EBEBEB, #F1F1F0 */

  /* --- Page background (subtle pastel mesh, near-white base) --- */
  --rg-page-bg-base: #FBFAFE;
  --rg-page-bg:
    radial-gradient(900px 620px at 100% 0%,   rgba(139,92,246,0.06), transparent 62%),
    radial-gradient(1000px 720px at 100% 100%, rgba(214,140,225,0.07), transparent 60%),
    radial-gradient(950px 680px at 0% 100%,    rgba(179,209,237,0.10), transparent 60%),
    radial-gradient(760px 520px at 0% 0%,      rgba(179,209,237,0.05), transparent 58%),
    var(--rg-page-bg-base);

  /* --- Semantic --- */
  --rg-warning-soft: #FEF3C7; /*  x9  · merges: #FFF3CD  · was: --outcome-nonblocking-badge-bg, --rating-yellow-mild-bg, --rating-yellow-strong-bg, --sev-med-bg, --yellow-soft */
  --rg-danger-bg: #FEF2F2; /*  x9  · merges: #FFF5F7, #FFF5F5, #FDF2F4  · was: --outcome-blocking-bg */
  --rg-success: #16A34A; /*  x8  · merges: #65A30D  · was: --green, --rating-good-fg, --sev-low */
  --rg-success-strong: #15803D; /*  x7  · merges: #1A7A3A  · was: --outcome-good-fg */
  --rg-success-soft: #DCFCE7; /*  x7  · merges: #E3F4EA, #D1FAE5, #E6F4EC, #E3FCEF  · was: --green-soft, --outcome-good-badge-bg, --rating-good-bg */
  --rg-warning-strong: #D97706; /*  x5  · was: --rating-yellow-strong-fg */
  --rg-warning-amber: #F59E0B; /*  x5  · was: --rating-yellow-mild-fg */
  --rg-warning-bg: #FFFBEB; /*  x4  · merges: #FFF8E6, #FFF7E6, #FEF9E7  · was: --outcome-nonblocking-bg */
  --rg-danger-pale: #FECACA; /*  x4  · merges: #FBC7D4  · was: --sev-crit-bg */
  --rg-warning: #CA8A04; /*  x3  · was: --sev-med, --yellow */
  --rg-danger-border: #FCA5A5; /*  x3  · merges: #F8A0B0  · was: --outcome-blocking-bd */
  --rg-success-bg: #F0FDF4; /*  x2  · was: --outcome-good-bg */
  --rg-warning-border: #FCD34D; /*  x2  · was: --outcome-nonblocking-bd */
  --rg-danger-text: #991B1B; /*  x2  · was: --sev-crit-fg */
  --rg-success-border: #86EFAC; /*  x1  · was: --outcome-good-bd */
  --rg-warning-text: #854D0E; /*  x1  · was: --sev-med-fg */
  --rg-danger-strong: #B91C1C; /*  x1  · was: --outcome-blocking-fg */

  /* --- Severity --- */
  --rg-severity-high-soft: #FED7AA; /*  x14  · merges: #F5D6A8, #FCD9A8  · was: --rating-red-mild-bg, --sev-high-bg */
  --rg-severity-high-deep: #B45309; /*  x2  · was: --outcome-nonblocking-fg */
  --rg-severity-high-text: #9A3412; /*  x1  · was: --sev-high-fg */
  --rg-severity-low-text: #3F6212; /*  x1  · was: --sev-low-fg */
  --rg-severity-low-soft: #ECFCCB; /*  x1  · was: --sev-low-bg */

  /* --- Jira badges (onetwodo: priority / status / due) — exact current values; step 1 of hub push, nothing wired yet --- */
  --rg-pri-blocker-bg: #FFEBE6;  --rg-pri-blocker-fg: #BF2600; /* also: highest */
  --rg-pri-high-bg: #FFDDCC;     --rg-pri-high-fg: #B13600;
  --rg-pri-medium-bg: #FFF4E5;   --rg-pri-medium-fg: #9A5B00;
  --rg-pri-low-bg: #F5F5F5;      --rg-pri-low-fg: #606060; /* also: lowest */

  --rg-status-done-bg: #E3FCEF;     --rg-status-done-fg: #006644;
  --rg-status-progress-bg: #DEEBFF; --rg-status-progress-fg: #0747A6;
  --rg-status-review-bg: #EAE6FF;   --rg-status-review-fg: #403294;
  --rg-status-blocked-bg: #FFEBE6;  --rg-status-blocked-fg: #BF2600;
  --rg-status-backlog-bg: #F4F5F7;  --rg-status-backlog-fg: #5E6C84;
  --rg-status-open-bg: #EEF0FF;     --rg-status-open-fg: #4F52B2;

  --rg-due-overdue-bg: #FFEBE6;  --rg-due-overdue-fg: #BF2600;
  --rg-due-today-bg: #FFDDCC;    --rg-due-today-fg: #B13600;
  --rg-due-soon-bg: #FFF4E5;     --rg-due-soon-fg: #9A5B00;
  --rg-due-future-bg: #F4F5F7;   --rg-due-future-fg: #5E6C84;

  /* --- ux-audit status badges (its own audit-workflow palette; exact current hex) --- */
  --rg-uxa-status-open-bg: #F3F4F6;       --rg-uxa-status-open-fg: #6B7280;       --rg-uxa-status-open-bd: #D1D5DB;
  --rg-uxa-status-bugfiled-bg: #DBEAFE;   --rg-uxa-status-bugfiled-fg: #2563EB;   --rg-uxa-status-bugfiled-bd: #93C5FD;
  --rg-uxa-status-inprogress-bg: #FEF3C7; --rg-uxa-status-inprogress-fg: #D97706; --rg-uxa-status-inprogress-bd: #FCD34D;
  --rg-uxa-status-fixed-bg: #D1FAE5;      --rg-uxa-status-fixed-fg: #059669;      --rg-uxa-status-fixed-bd: #6EE7B7;
  --rg-uxa-status-verified-bg: #A7F3D0;   --rg-uxa-status-verified-fg: #047857;   --rg-uxa-status-verified-bd: #34D399;
  --rg-uxa-status-wontfix-bg: #F3F4F6;    --rg-uxa-status-wontfix-fg: #9CA3AF;    --rg-uxa-status-wontfix-bd: #D1D5DB;

  /* --- Scale --- */
  --rg-scale-low: #BBBBBB; /*  x10  · was: --c-low */
  --rg-scale-high: #E8893C; /*  x1  · was: --c-high */
  --rg-scale-moderate: #5BA0D4; /*  x1  · was: --c-moderate */

  /* --- Reaction --- */
  --rg-like-bg: #E6F0FB; /*  x9  · merges: #EEF0FF, #DEEBFF, #DBEAFE, #EAE6FF, #E0EBF6, #DCEAF5  · was: --like-bg, --sky-soft */
  --rg-love-bg: #FDE7EC; /*  x4  · merges: #FFEBE6  · was: --love-bg */
  --rg-reviewer-chip: #0C447C; /*  x3  · was: --reviewer-chip-fg */
  --rg-love-text: #A81F38; /*  x1  · was: --love-ct */
  --rg-like-icon: #2F6FB3; /*  x1  · was: --like-ic */
  --rg-like-text: #1F5C99; /*  x1  · was: --like-ct */

  /* --- Neutral ramp --- */
  --rg-neutral-500: #888888; /*  x100 */
  --rg-neutral-700: #555555; /*  x70  · merges: #525252 */
  --rg-neutral-900: #1A1A1A; /*  x47  · merges: #1E1E1E, #1F1F1F */
  --rg-neutral-400: #AAAAAA; /*  x27 */
  --rg-neutral-800: #333333; /*  x24  · merges: #2A2A2A */
  --rg-neutral-400-2: #999999; /*  x13 */
  --rg-neutral-200: #D4D4D4; /*  x2 */
  --rg-neutral-600: #606060; /*  x1 */

  /* --- Extended --- */
  --rg-blue-950: #0C0F1A; /*  x37 */
  --rg-orange-50: #FEF6E7; /*  x33  · merges: #F5F0E8, #FFF4E5, #FEF9EF */
  --rg-red-700: #CC2244; /*  x22  · merges: #C9203F */
  --rg-blue-300: #8FB8D9; /*  x16  · merges: #8FB8E0 */
  --rg-green-600: #2D9E6B; /*  x15 */
  --rg-orange-400: #F5A623; /*  x15 */
  --rg-green-700: #1F7A4D; /*  x13  · merges: #1A7A45 */
  --rg-green-200: #B3EDCA; /*  x11  · merges: #B8E4CD */
  --rg-amber-400: #B0A080; /*  x10  · merges: #B0A880 */
  --rg-amber-200: #E6DCC8; /*  x8 */
  --rg-purple-200: #D6C5F5; /*  x8  · merges: #DCC8F0 */
  --rg-orange-800: #4A3820; /*  x7 */
  --rg-amber-200-2: #D8D0B8; /*  x7  · merges: #D0C8B0, #E0D4B8 */
  --rg-orange-900: #2A1F0E; /*  x6 */
  --rg-orange-600: #9A5B00; /*  x5  · merges: #A06000 */
  --rg-purple-100: #EDE7F6; /*  x4 */
  --rg-blue-800: #4527A0; /*  x4 */
  --rg-amber-600: #856404; /*  x4 */
  --rg-purple-200-2: #DDD5F5; /*  x4 */
  --rg-blue-600: #6B7280; /*  x4  · merges: #71717A */
  --rg-blue-600-2: #5E6C84; /*  x4  · merges: #5E6B7A, #64748B */
  --rg-red-200: #F0C4CC; /*  x3 */
  --rg-red-700-2: #BF2600; /*  x3 */
  --rg-orange-600-2: #7A6040; /*  x3 */
  --rg-blue-200: #D1D5DB; /*  x3 */
  --rg-blue-700: #44505E; /*  x3  · merges: #4B5563 */
  --rg-blue-500: #3B82F6; /*  x2 */
  --rg-blue-800-2: #1A4D73; /*  x2 */
  --rg-red-700-3: #C0392B; /*  x2 */
  --rg-amber-300: #F0C040; /*  x2 */
  --rg-purple-400: #9B93AD; /*  x2 */
  --rg-amber-100: #FFF3A8; /*  x2 */
  --rg-blue-200-2: #BFE0F2; /*  x2 */
  --rg-green-200-2: #C8E6C0; /*  x2 */
  --rg-blue-800-3: #0747A6; /*  x2 */
  --rg-orange-100: #FFDDCC; /*  x2 */
  --rg-orange-700: #B13600; /*  x2 */
  --rg-blue-700-2: #4F52B2; /*  x2 */
  --rg-red-300: #E8A0AA; /*  x2 */
  --rg-blue-700-3: #555577; /*  x2 */
  --rg-green-800: #1E5C06; /*  x2 */
  --rg-red-600: #B84020; /*  x2 */
  --rg-red-600-2: #E02848; /*  x2 */
  --rg-green-600-2: #059669; /*  x2 */
  --rg-blue-400: #9CA3AF; /*  x2 */
  --rg-blue-200-3: #CFE0F0; /*  x2  · merges: #C8DDEF */
  --rg-purple-600: #7A5EAA; /*  x2  · merges: #7B5EA7 */
  --rg-green-500: #10B981; /*  x1 */
  --rg-purple-500: #8B5CF6; /*  x1 */
  --rg-teal-500: #06B6D4; /*  x1 */
  --rg-pink-500: #EC4899; /*  x1 */
  --rg-green-700-2: #276749; /*  x1 */
  --rg-blue-800-4: #1E40AF; /*  x1 */
  --rg-green-800-2: #166534; /*  x1 */
  --rg-green-500-2: #27AE60; /*  x1 */
  --rg-purple-300: #C9C3D6; /*  x1 */
  --rg-amber-300-2: #E6C84B; /*  x1 */
  --rg-pink-400: #E58FB0; /*  x1 */
  --rg-green-300: #8FCA9B; /*  x1 */
  --rg-purple-400-2: #B39DDB; /*  x1 */
  --rg-orange-300: #E6A867; /*  x1 */
  --rg-amber-800: #3A3320; /*  x1 */
  --rg-teal-200: #AADDDD; /*  x1 */
  --rg-green-800-3: #006644; /*  x1 */
  --rg-blue-800-5: #403294; /*  x1 */
  --rg-red-600-3: #FF3B30; /*  x1 */
  --rg-red-300-2: #F0BFB0; /*  x1 */
  --rg-amber-300-3: #D0C4A8; /*  x1 */
  --rg-blue-950-2: #13172A; /*  x1 */
  --rg-green-100: #EBF5E1; /*  x1 */
  --rg-green-300-2: #B6D98A; /*  x1 */
  --rg-green-600-3: #3A8A18; /*  x1 */
  --rg-blue-600-3: #3A7DB8; /*  x1 */
  --rg-teal-500-2: #2A9D8F; /*  x1 */
  --rg-green-600-4: #2E8B57; /*  x1 */
  --rg-amber-500: #B58A00; /*  x1 */
  --rg-orange-600-3: #C0622A; /*  x1 */
  --rg-red-700-4: #B03040; /*  x1 */
  --rg-blue-700-4: #2563EB; /*  x1 */
  --rg-blue-300-2: #93C5FD; /*  x1 */
  --rg-green-300-3: #6EE7B7; /*  x1 */
  --rg-green-200-3: #A7F3D0; /*  x1 */
  --rg-green-700-3: #047857; /*  x1 */
  --rg-green-400: #34D399; /*  x1 */
  --rg-blue-700-5: #4F46E5; /*  x1 */
  --rg-blue-200-4: #C7D2FE; /*  x1 */
  --rg-orange-600-4: #78716C; /*  x1 */
  --rg-orange-700-2: #57534E; /*  x1 */
  --rg-orange-800-2: #44403C; /*  x1 */
  --rg-blue-800-6: #334155; /*  x1 */
}

/* ====== LEGACY ALIASES — old var names -> canonical token (keep during migration) ====== */
:root {
  /* --bg had 2 source values: rg-surface-bg, rg-surface-warm — using most-used */
  --bg: var(--rg-surface-warm);
  --border: var(--rg-rule);
  --border-strong: var(--rg-border-strong);
  --c-critical: var(--rg-brand-fuchsia);
  --c-high: var(--rg-scale-high);
  --c-low: var(--rg-scale-low);
  --c-moderate: var(--rg-scale-moderate);
  --charcoal: var(--rg-ink);
  --charcoal-soft: var(--rg-ink-soft);
  --fuchsia: var(--rg-brand-fuchsia);
  --fuchsia-a: var(--rg-brand-fuchsia-strong);
  --fuchsia-accessible: var(--rg-brand-fuchsia-strong);
  --fuchsia-soft: var(--rg-brand-fuchsia-soft);
  --fuchsia-text: var(--rg-brand-fuchsia-strong);
  --green: var(--rg-success);
  --green-soft: var(--rg-success-soft);
  --grey-light: var(--rg-grey-light);
  --grey-mid: var(--rg-grey);
  --ink: var(--rg-ink);
  --like-bg: var(--rg-like-bg);
  --like-ct: var(--rg-like-text);
  --like-ic: var(--rg-like-icon);
  --love-bg: var(--rg-love-bg);
  --love-ct: var(--rg-love-text);
  --love-ic: var(--rg-brand-fuchsia);
  --outcome-blocking-badge-bg: var(--rg-brand-fuchsia-soft);
  --outcome-blocking-bd: var(--rg-danger-border);
  --outcome-blocking-bg: var(--rg-danger-bg);
  --outcome-blocking-fg: var(--rg-danger-strong);
  --outcome-good-badge-bg: var(--rg-success-soft);
  --outcome-good-bd: var(--rg-success-border);
  --outcome-good-bg: var(--rg-success-bg);
  --outcome-good-fg: var(--rg-success-strong);
  --outcome-nonblocking-badge-bg: var(--rg-warning-soft);
  --outcome-nonblocking-bd: var(--rg-warning-border);
  --outcome-nonblocking-bg: var(--rg-warning-bg);
  --outcome-nonblocking-fg: var(--rg-severity-high-deep);
  --rating-good-bg: var(--rg-success-soft);
  --rating-good-fg: var(--rg-success);
  --rating-red-mild-bg: var(--rg-severity-high-soft);
  --rating-red-mild-fg: var(--rg-brand-fuchsia);
  --rating-red-strong-bg: var(--rg-brand-fuchsia-soft);
  --rating-red-strong-fg: var(--rg-brand-fuchsia);
  --rating-yellow-mild-bg: var(--rg-warning-soft);
  --rating-yellow-mild-fg: var(--rg-warning-amber);
  --rating-yellow-strong-bg: var(--rg-warning-soft);
  --rating-yellow-strong-fg: var(--rg-warning-strong);
  --red: var(--rg-brand-fuchsia);
  --red-soft: var(--rg-brand-fuchsia-soft);
  --reviewer-chip-fg: var(--rg-reviewer-chip);
  --rule: var(--rg-rule);
  --sev-crit: var(--rg-brand-fuchsia);
  --sev-crit-bg: var(--rg-danger-pale);
  --sev-crit-fg: var(--rg-danger-text);
  --sev-high: var(--rg-brand-fuchsia);
  --sev-high-bg: var(--rg-severity-high-soft);
  --sev-high-fg: var(--rg-severity-high-text);
  --sev-low: var(--rg-success);
  --sev-low-bg: var(--rg-severity-low-soft);
  --sev-low-fg: var(--rg-severity-low-text);
  --sev-med: var(--rg-warning);
  --sev-med-bg: var(--rg-warning-soft);
  --sev-med-fg: var(--rg-warning-text);
  --sky: var(--rg-brand-sky);
  --sky-blue: var(--rg-brand-sky);
  /* --sky-soft had 2 source values: rg-brand-sky-soft, rg-like-bg — using most-used */
  --sky-soft: var(--rg-like-bg);
  --stage-color: var(--rg-brand-fuchsia);
  --white: var(--rg-white);
  --yellow: var(--rg-warning);
  --yellow-soft: var(--rg-warning-soft);
}

/* ============================================================
 * Rajib Hub — consolidated TYPOGRAPHY tokens
 * 16 named text styles. UI = Helvetica Neue, serif accents =
 * Times New Roman italic, code = DM Mono.
 * 13px folded into 12 (13 bold -> H5, 13 regular -> P3).
 * 15px bold folded into 16 (H4). Mirrors the Figma text styles.
 * ============================================================ */
:root {
  /* font families */
  --rg-font-ui:     'Helvetica Neue', Helvetica, Arial, sans-serif;
  --rg-font-accent: 'Times New Roman', Georgia, serif;
  --rg-font-mono:   "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* weights */
  --rg-weight-regular: 400;
  --rg-weight-bold:    700;

  /* type scale (px) — by named style */
  --rg-text-h1:         56px;
  --rg-text-h2:         var(--rg-weight-bold) var(--rg-font-28)/var(--rg-leading-snug) var(--rg-font-sans);
  --rg-text-h3:         var(--rg-weight-bold) var(--rg-font-20)/var(--rg-leading-snug) var(--rg-font-sans);
  --rg-text-p1:         18px;
  --rg-text-h4:         var(--rg-weight-bold) var(--rg-font-16)/var(--rg-leading-snug) var(--rg-font-sans);
  --rg-text-p2:         14px;
  --rg-text-h5:         var(--rg-weight-bold) var(--rg-font-12)/var(--rg-leading-snug) var(--rg-font-sans); /* absorbs legacy 13px bold */
  --rg-text-p3:         12px; /* absorbs legacy 13px regular */
  --rg-text-h6-kicker:  12px;
  --rg-text-p5:         10px;
  --rg-text-mono:       11px;
  --rg-text-p4-tag:     10px;
  --rg-text-p6-count:    9px;

  /* legacy size aliases (folded) */
  --rg-text-13-bold:    var(--rg-text-h5);
  --rg-text-13-regular: var(--rg-text-p3);
  --rg-text-15-bold:    var(--rg-text-h4);
}

/* Page background — apply to the page surface (fixed so it stays put on scroll) */
.rg-page-bg { background: var(--rg-page-bg); background-attachment: fixed; min-height: 100vh; }

/* Named text styles — apply as classes (mirror the Figma styles) */
.t-h1         { font-family: var(--rg-font-ui); font-size: var(--rg-text-h1); font-weight: var(--rg-weight-bold); line-height: 1.04; letter-spacing: -0.02em; color: var(--rg-ink); }
.t-h1-accent  { font-family: var(--rg-font-accent); font-size: var(--rg-text-h1); font-weight: var(--rg-weight-regular); font-style: italic; line-height: 1.04; color: var(--rg-brand-fuchsia-strong); }
.t-h2         { font-family: var(--rg-font-ui); font-size: var(--rg-text-h2); font-weight: var(--rg-weight-bold); line-height: 1.1; letter-spacing: -0.02em; color: var(--rg-ink); }
.t-h2-accent  { font-family: var(--rg-font-accent); font-size: var(--rg-text-h2); font-weight: var(--rg-weight-regular); font-style: italic; line-height: 1.1; color: var(--rg-brand-fuchsia-strong); }
.t-h3         { font-family: var(--rg-font-ui); font-size: var(--rg-text-h3); font-weight: var(--rg-weight-bold); line-height: 1.2; letter-spacing: -0.01em; color: var(--rg-ink); }
.t-h3-accent  { font-family: var(--rg-font-accent); font-size: var(--rg-text-h3); font-weight: var(--rg-weight-regular); font-style: italic; line-height: 1.2; color: var(--rg-brand-fuchsia-strong); }
.t-h4         { font-family: var(--rg-font-ui); font-size: var(--rg-text-h4); font-weight: var(--rg-weight-bold); line-height: 1.3; color: var(--rg-ink); }
.t-h5         { font-family: var(--rg-font-ui); font-size: var(--rg-text-h5); font-weight: var(--rg-weight-bold); line-height: 1.4; color: var(--rg-ink); }
.t-h6-kicker  { font-family: var(--rg-font-ui); font-size: var(--rg-text-h6-kicker); font-weight: var(--rg-weight-bold); line-height: 1.2; text-transform: uppercase; letter-spacing: 0.12em; color: var(--rg-brand-fuchsia-strong); }
.t-p1         { font-family: var(--rg-font-ui); font-size: var(--rg-text-p1); font-weight: var(--rg-weight-regular); line-height: 1.5; color: var(--rg-ink); }
.t-p2         { font-family: var(--rg-font-ui); font-size: var(--rg-text-p2); font-weight: var(--rg-weight-regular); line-height: 1.5; color: var(--rg-ink); }
.t-p3         { font-family: var(--rg-font-ui); font-size: var(--rg-text-p3); font-weight: var(--rg-weight-regular); line-height: 1.5; color: var(--rg-ink); }
.t-p5         { font-family: var(--rg-font-ui); font-size: var(--rg-text-p5); font-weight: var(--rg-weight-regular); line-height: 1.45; color: var(--rg-ink); }
.t-p4-tag     { font-family: var(--rg-font-ui); font-size: var(--rg-text-p4-tag); font-weight: var(--rg-weight-bold); line-height: 1.2; color: var(--rg-ink); }
.t-p6-count   { font-family: var(--rg-font-ui); font-size: var(--rg-text-p6-count); font-weight: var(--rg-weight-bold); line-height: 1; color: var(--rg-ink); }
.t-mono       { font-family: var(--rg-font-mono); font-size: var(--rg-text-mono); font-weight: var(--rg-weight-regular); line-height: 1.5; color: var(--rg-ink); }





/* === synced from kit 2026-07-12T12:07:25.452Z — base tokens added by sync-kit.mjs === */
:root {
  --rg-brand-fuchsia-light: #ffacb8;
  --rg-brand-sky-mid: #5ba0d4;
  --rg-semantic-success: #16a34a;
  --rg-semantic-success-soft: #dcfce7;
  --rg-semantic-warning: #ca8a04;
  --rg-semantic-warning-soft: #fef3c7;
  --rg-semantic-danger: #bf2600;
  --rg-semantic-danger-soft: #fee1e7;
  --rg-badge-red-fg: #bf2600;
  --rg-badge-amber-fg: #9a5b00;
  --rg-badge-amber-mid: #ca8a04;
  --rg-badge-amber-light: #fcd84d;
  --rg-badge-amber-soft: #fef3c7;
  --rg-badge-green-fg: #006644;
  --rg-badge-green-mid: #16a34a;
  --rg-badge-green-soft: #dcfce7;
  --rg-badge-green-light: #86efac;
  --rg-badge-blue-fg: #0747a6;
  --rg-badge-blue-soft: #e6f1fb;
  --rg-badge-purple-fg: #403294;
  --rg-badge-purple-mid: #a88de9;
  --rg-badge-purple-light: #d1c9fd;
  --rg-badge-purple-bg: #eae6ff;
  --rg-text-primary: var(--rg-ink);
  --rg-text-muted: var(--rg-grey);
  --rg-text-faint: var(--rg-grey-light);
  --rg-text-inverse: var(--rg-white);
  --rg-text-accent: var(--rg-brand-fuchsia-hover);
  --rg-text-link: var(--rg-brand-fuchsia-hover);
  --rg-surface-page: var(--rg-surface-bg);
  --rg-surface-card: var(--rg-white);
  --rg-surface-raised: var(--rg-white);
  --rg-surface-accent: var(--rg-brand-fuchsia-hover);
  --rg-surface-accent-soft: var(--rg-brand-fuchsia-soft);
  --rg-border-subtle: var(--rg-rule);
  --rg-border-accent: var(--rg-brand-fuchsia-hover);
  --rg-icon-color: var(--rg-brand-fuchsia-hover);
  --rg-font-sans: "Helvetica Neue", Arimo, Arial, -apple-system, BlinkMacSystemFont, sans-serif;
  --rg-font-serif: "Times New Roman", Tinos, Times, Georgia, serif;
  --rg-font-56: 56px;
  --rg-font-40: 40px;
  --rg-font-28: 28px;
  --rg-font-22: 22px;
  --rg-font-20: 20px;
  --rg-font-18: 18px;
  --rg-font-16: 16px;
  --rg-font-15: 15px;
  --rg-font-14: 14px;
  --rg-font-13: 13px;
  --rg-font-12: 12px;
  --rg-font-11: 11px;
  --rg-font-10: 10px;
  --rg-font-8: 8px;
  --rg-leading-tight: 1.05;
  --rg-leading-snug: 1.25;
  --rg-leading-normal: 1.5;
  --rg-tracking-kicker: 0.08em;
  --rg-tracking-button: 0.04em;
  --rg-text-display: var(--rg-weight-bold) var(--rg-font-56)/var(--rg-leading-tight) var(--rg-font-sans);
  --rg-text-lead: var(--rg-weight-regular) var(--rg-font-18)/var(--rg-leading-normal) var(--rg-font-sans);
  --rg-text-body: var(--rg-weight-regular) var(--rg-font-14)/var(--rg-leading-normal) var(--rg-font-sans);
  --rg-text-small: var(--rg-weight-regular) var(--rg-font-12)/var(--rg-leading-normal) var(--rg-font-sans);
  --rg-text-code: var(--rg-weight-regular) var(--rg-font-11)/var(--rg-leading-normal) var(--rg-font-mono);
  --rg-space-2: 2px;
  --rg-space-4: 4px;
  --rg-space-6: 6px;
  --rg-space-8: 8px;
  --rg-space-9: 9px;
  --rg-space-10: 10px;
  --rg-space-12: 12px;
  --rg-space-14: 14px;
  --rg-space-16: 16px;
  --rg-space-18: 18px;
  --rg-space-20: 20px;
  --rg-space-26: 26px;
  --rg-space-28: 28px;
  --rg-space-48: 48px;
  --rg-radius-sm: 2px;
  --rg-radius-base: 4px;
  --rg-radius-md: 6px;
  --rg-radius-lg: 8px;
  --rg-radius-10: 10px;
  --rg-radius-xl: 12px;
  --rg-radius-2xl: 16px;
  --rg-radius-pill: 20px;
  --rg-radius-3xl: 28px;
  --rg-radius-full: 999px;
  --rg-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --rg-shadow-md: 0 6px 24px rgba(0, 0, 0, 0.12);
  --rg-shadow-sd: -4px 0 32px rgba(0, 0, 0, 0.12);
  --rg-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.18);
  --rg-layout-container: 1040px;
  --rg-layout-margin: 32px;
  --rg-layout-margin-mobile: 20px;
  --rg-layout-header-h: 64px;
  --rg-layout-gutter: 20px;
  --rg-layout-card-min: 280px;
  --rg-breakpoint-mobile: 600px;
}
/* === end synced === */