/* Rotwatch design tokens. Generated from tokens.json by source/scripts/tokens_to_css.py. */
/* Width breakpoints are container queries on .rw-root (container-name: rw): xl 1100px, lg 1040px, md 900px, nav 820px, sm 760px, xs 640px. */
/* Height rule (media query): max-height 640px moves the dialog to 24px from the top. */
:root {
  --rw-color-brand-orange: #FF5A1F;  /* Primary accent: Approve and start and Start this audit buttons, active nav item, selected option cards, progress fills, focus ring on inputs, logo tile. */
  --rw-color-brand-orange-hover: #E8480F;  /* Hover background of the orange button (.rw-btn-orange:hover). */
  --rw-color-brand-orange-light: #FF8A4C;  /* Start of orange gradients (icon tiles, vertical stepper fill, meters). */
  --rw-color-brand-orange-glow: #FF7A3A;  /* Start of the active nav gradient and dark progress gradients. */
  --rw-color-brand-orange-deep: #E2440C;  /* End of orange gradients, spinner stroke, current step number. */
  --rw-color-brand-orange-text: #C2410C;  /* Orange text on white: eyebrows, step labels, inline links, chips on light backgrounds. 5.18:1 on white. */
  --rw-color-brand-orange-chip-text: #9A3412;  /* Text in orange chips and on orange tints. */
  --rw-color-brand-band-1: #E2490E;  /* Orange band and orange card gradient stop 1 (.rw-orangeband, .rw-orangecard). */
  --rw-color-brand-band-2: #D5410B;  /* Orange band gradient stop 2. */
  --rw-color-brand-band-3: #E04A0F;  /* Orange band gradient stop 3. */
  --rw-color-brand-extrude: #C23A08;  /* Stacked shadow colour that fakes the 3D extrusion of the logo tile in the isometric art. */
  --rw-color-brand-extrude-edge: #9E2E05;  /* Last layer of the logo tile extrusion. */
  --rw-color-brand-keycap-base: #B5360A;  /* Hard shadow under the 3D orange step icon and selected option tiles. */
  --rw-color-brand-meter-dark: #9C2E08;  /* Dark start of usage meters. */
  --rw-color-brand-meter-darkest: #3A0F02;  /* Darkest start of the Billing usage meter and reading progress bar. */
  --rw-color-orange-tint-50: #FFF1EA;  /* Icon tile background, numbered step circles, orange chip background. */
  --rw-color-orange-tint-60: #FFF5EF;  /* Single audit card background, sign-in reminder card. */
  --rw-color-orange-tint-70: #FFF6F1;  /* Chatbot quote card background, selected table row. */
  --rw-color-orange-tint-80: #FFF7F2;  /* Recommended column in the Pricing comparison table. */
  --rw-color-orange-tint-border: #FAD9C8;  /* Border of orange tinted cards and chatbot quote cards. */
  --rw-color-orange-tint-border-strong: #FAD3BF;  /* Border of selected checkbox rows and orange chips. */
  --rw-color-ink-900: #0B0B0D;  /* Primary text, primary (ink) button, featured Pro plan card, dark panels. */
  --rw-color-ink-950: #0A0A0C;  /* Sidebar, phone tab bar, dark CTA slab, operator header. */
  --rw-color-ink-hover: #2A2A30;  /* Hover background of the ink button. */
  --rw-color-text-primary: #0B0B0D;  /* Headings and body text. 19.66:1 on white. */
  --rw-color-text-strong: #27272A;  /* List items and step text. */
  --rw-color-text-secondary: #3F3F46;  /* Body text in notices, links hover. */
  --rw-color-text-body-muted: #45454F;  /* Supporting body text, ghost icon colour. 9.47:1 on white. */
  --rw-color-text-subtle: #5B5B66;  /* Descriptions under headings. 6.70:1 on white. */
  --rw-color-text-meta: #6B6B76;  /* Labels, captions, table headers. 5.26:1 on white, 4.79:1 on #F4F4F6. */
  --rw-color-text-placeholder: #8B8B96;  /* Input placeholders, minor captions. 3.37:1 on white: below 4.5:1, see DESIGN-SYSTEM.md accessibility. */
  --rw-color-text-disabled: #A1A1AA;  /* Future step numbers, muted labels on dark. 2.56:1 on white. */
  --rw-color-text-on-dark: #FAFAFA;  /* Text on ink surfaces. */
  --rw-color-text-on-dark-muted: #A1A1AA;  /* Secondary text on ink surfaces. 7.72:1 on #0A0A0C. */
  --rw-color-text-on-dark-soft: #D4D4D8;  /* Tertiary text on ink surfaces. */
  --rw-color-surface-page: #FFFFFF;  /* Public page background, cards. */
  --rw-color-surface-app: #F4F4F6;  /* Dashboard background (.rw-shell), sign-in and checkout background. */
  --rw-color-surface-wizard: #F6F6F8;  /* Setup task area background (.rw-wztask). */
  --rw-color-surface-subtle: #FAFAFB;  /* Table header, stat cells, context panel identity row. */
  --rw-color-surface-muted: #F3F3F5;  /* Neutral badge background, segmented control track. */
  --rw-color-surface-raised-muted: #F7F7F9;  /* Plan card stat cells, path card notes. */
  --rw-color-border-card: #ECECF0;  /* Cards, panels, tables (.rw-panelcard, .rw-tbl). */
  --rw-color-border-control: #E2E2E7;  /* Inputs, ghost buttons, OTP cells. */
  --rw-color-border-control-hover: #D4D4DA;  /* Ghost button hover border. */
  --rw-color-border-divider: #F2F2F4;  /* Row dividers in tables and definition lists. */
  --rw-color-border-divider-alt: #F0F0F3;  /* Table header bottom border, sheet dividers. */
  --rw-color-border-subtle: #E4E4E9;  /* Working badge ring, unselected option card border. */
  --rw-color-border-wizard-panel: #E7E7EC;  /* Context panel right border, stepper track. */
  --rw-color-status-good: #1E9E62;  /* Good mark (Verified, Completed, Plan confirmed). Same green as the Agrees verdict. */
  --rw-color-status-good-text: #146C43;  /* Good badge text. 5.77:1 on #E6F6EE. */
  --rw-color-status-good-bg: #E6F6EE;  /* Good badge background. */
  --rw-color-status-good-notice-bg: #EAF7F0;  /* Good notice background. */
  --rw-color-status-good-notice-border: #BFE6D2;  /* Good notice border. */
  --rw-color-status-attention: #E0A100;  /* Attention mark (Proof renewal required, Partially answered, Not confirmed yet). */
  --rw-color-status-attention-text: #7A5600;  /* Attention badge and notice text. 6.07:1 on #FFF4D6. */
  --rw-color-status-attention-bg: #FFF4D6;  /* Attention badge background. */
  --rw-color-status-attention-notice-bg: #FFF8E5;  /* Attention notice background. */
  --rw-color-status-attention-notice-border: #F5DFA0;  /* Attention notice border. */
  --rw-color-status-problem: #C8102E;  /* Problem mark (Failed, Token rejected, Lookup failed), danger button border, Revoke button fill. */
  --rw-color-status-problem-text: #A50E26;  /* Problem badge, notice and error message text. 6.85:1 on #FDECEF. */
  --rw-color-status-problem-bg: #FDECEF;  /* Problem badge and notice background, danger button hover. */
  --rw-color-status-problem-notice-border: #F6C9D1;  /* Problem notice border. */
  --rw-color-status-neutral: #A1A1AA;  /* Neutral mark (Not verified, Not checked, Cancelled, Revoked, Unknown). */
  --rw-color-status-neutral-text: #45454F;  /* Neutral badge text. */
  --rw-color-status-neutral-bg: #F3F3F5;  /* Neutral badge background. */
  --rw-color-status-neutral-ring: #D9D9DF;  /* Neutral badge inset ring. */
  --rw-color-status-working: #E2440C;  /* Working spinner stroke (Queued, Running, Checking). Badge is white with a #E4E4E9 ring. */
  --rw-color-verdict-contradiction: #C8102E;  /* Contradiction marker. Badge: #FDECEF background, #A50E26 text. */
  --rw-color-verdict-unsupported: #E0A100;  /* Unsupported fill in charts. Badge marker ring #C78F00, badge #FFF4D6 background, #7A5600 text. */
  --rw-color-verdict-incomplete: #F5D266;  /* Incomplete fill. Badge marker ring #D4A20A, badge #FEF8E1 background, #6B5300 text. */
  --rw-color-verdict-agrees: #1E9E62;  /* Agrees marker. Badge #E6F6EE background, #146C43 text. */
  --rw-color-verdict-not-applicable: #A1A1AA;  /* Not applicable marker. Badge #F3F3F5 background, #45454F text. */
  --rw-color-verdict-unanswered: #DCDCE2;  /* Unanswered: hatched fill repeating-linear-gradient(135deg, #DCDCE2 0 2px, #FFFFFF 2px 5px). Never counted as agreement. */
  --rw-color-evidence-policy-bg: #F5F8FD;  /* Your policy says card background. */
  --rw-color-evidence-policy-border: #DCE6F6;  /* Policy card border and quote rule in the review list. */
  --rw-color-evidence-policy-label: #1458A8;  /* Policy label and source links. 6.60:1 on #F5F8FD. */
  --rw-color-evidence-chatbot-bg: #FFF6F1;  /* Your chatbot said card background. */
  --rw-color-evidence-chatbot-border: #FAD9C8;  /* Chatbot card border. */
  --rw-color-evidence-chatbot-label: #9A3412;  /* Chatbot card label. */
  --rw-color-overlay-sheet-scrim: rgba(10,10,12,.34);  /* Side sheet scrim, with backdrop-filter blur(3px). */
  --rw-color-overlay-dialog-scrim: rgba(10,10,12,.42);  /* Dialog scrim, with backdrop-filter blur(4px). */
  --rw-font-family-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;  /* All text. Geist variable font 100 to 900 (SIL OFL 1.1). */
  --rw-font-family-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;  /* Endpoints, hosts, DNS values, captured text (.rw-mono). */
  --rw-font-weight-regular: 400;  /* Rare (25 uses): secondary text in the comparison table, small notes. */
  --rw-font-weight-medium: 500;  /* Default for UI text, buttons, headings H2 and H3 (693 uses). */
  --rw-font-weight-semibold: 600;  /* Hero H1, card titles, emphasis, numbers (289 uses). */
  --rw-typography-display-hero-font-family: var(--rw-font-family-sans);
  --rw-typography-display-hero-font-size: clamp(40px, 5vw, 66px);
  --rw-typography-display-hero-font-weight: 600;
  --rw-typography-display-hero-line-height: 1.02;
  --rw-typography-display-hero-letter-spacing: -0.045em;
  --rw-typography-section-title-font-family: var(--rw-font-family-sans);
  --rw-typography-section-title-font-size: clamp(32px, 3.6vw, 50px);
  --rw-typography-section-title-font-weight: 500;
  --rw-typography-section-title-line-height: 1.04;
  --rw-typography-section-title-letter-spacing: -0.04em;
  --rw-typography-page-title-font-family: var(--rw-font-family-sans);
  --rw-typography-page-title-font-size: 34px;
  --rw-typography-page-title-font-weight: 500;
  --rw-typography-page-title-line-height: 1.1;
  --rw-typography-page-title-letter-spacing: -0.035em;
  --rw-typography-question-title-font-family: var(--rw-font-family-sans);
  --rw-typography-question-title-font-size: 36px;
  --rw-typography-question-title-font-weight: 600;
  --rw-typography-question-title-line-height: 1.1;
  --rw-typography-question-title-letter-spacing: -0.035em;
  --rw-typography-context-title-font-family: var(--rw-font-family-sans);
  --rw-typography-context-title-font-size: 26px;
  --rw-typography-context-title-font-weight: 600;
  --rw-typography-context-title-line-height: 1.15;
  --rw-typography-context-title-letter-spacing: -0.03em;
  --rw-typography-card-title-font-family: var(--rw-font-family-sans);
  --rw-typography-card-title-font-size: 20px;
  --rw-typography-card-title-font-weight: 600;
  --rw-typography-card-title-letter-spacing: -0.02em;
  --rw-typography-body-large-font-family: var(--rw-font-family-sans);
  --rw-typography-body-large-font-size: 16.5px;
  --rw-typography-body-large-line-height: 1.55;
  --rw-typography-body-font-family: var(--rw-font-family-sans);
  --rw-typography-body-font-size: 15px;
  --rw-typography-body-line-height: 1.5;
  --rw-typography-body-small-font-family: var(--rw-font-family-sans);
  --rw-typography-body-small-font-size: 14px;
  --rw-typography-body-small-line-height: 1.5;
  --rw-typography-caption-font-family: var(--rw-font-family-sans);
  --rw-typography-caption-font-size: 13px;
  --rw-typography-caption-font-weight: 500;
  --rw-typography-metric-font-family: var(--rw-font-family-sans);
  --rw-typography-metric-font-size: 40px;
  --rw-typography-metric-font-weight: 500;
  --rw-typography-metric-line-height: 1;
  --rw-typography-metric-letter-spacing: -0.04em;
  --rw-radius-pill: 999px;  /* Buttons, badges, nav items, segmented controls (548 uses). */
  --rw-radius-chip: 8px;  /* Chips (chip()). */
  --rw-radius-small: 12px;  /* Icon tiles 40px, small panels. */
  --rw-radius-input: 14px;  /* Inputs (.rw-in), nav items, tab bar items. */
  --rw-radius-notice: 16px;  /* Notices, OTP cells, stat cells. */
  --rw-radius-card-small: 18px;  /* Evidence cards, list items in setup. */
  --rw-radius-table: 22px;  /* Tables (.rw-tbl), billing tiles. */
  --rw-radius-card: 24px;  /* Panel cards (.rw-panelcard), option cards, comparison table (.rw-ctbl). */
  --rw-radius-card-large: 26px;  /* Dialogs, dark progress panels, banners, phone bottom sheet top corners. */
  --rw-radius-plan: 28px;  /* Plan cards, path cards, key-cap icon (28px on 92px). */
  --rw-radius-slab: 32px;  /* Dark CTA slab and split cards (sign-in, checkout). 24px at 640px and below. */
  --rw-shadow-card-rest: 0 1px 2px rgba(11,11,13,.03);  /* Panel cards and tables at rest. */
  --rw-shadow-card-hover: 0 30px 56px -34px rgba(11,11,13,.32);  /* .rw-card hover (with translateY(-3px)). */
  --rw-shadow-card-float: 0 30px 70px -50px rgba(11,11,13,0.45);  /* Plan cards and large cards. */
  --rw-shadow-orange-button: 0 14px 28px -12px rgba(255,90,31,0.85);  /* Orange button. */
  --rw-shadow-featured-plan: 0 50px 90px -40px rgba(255,90,31,0.65);  /* Featured Pro plan card glow. */
  --rw-shadow-selected-option: 0 26px 50px -30px rgba(255,90,31,0.75);  /* Selected option card. */
  --rw-shadow-nav-active: 0 12px 26px -12px rgba(255,90,31,.9), inset 0 1px 0 rgba(255,255,255,.25);  /* Active sidebar item. */
  --rw-shadow-input-focus: 0 0 0 4px rgba(255,90,31,.14);  /* Input and OTP focus ring. */
  --rw-shadow-input-error: 0 0 0 4px rgba(200,16,46,.10);  /* Input error ring (aria-invalid=true). */
  --rw-shadow-sheet: -40px 0 80px -30px rgba(11,11,13,.45);  /* Side sheet. */
  --rw-shadow-dialog: 0 60px 120px -40px rgba(11,11,13,.55);  /* Dialog. */
  --rw-shadow-keycap: 0 9px 0 #B5360A, 0 30px 50px -14px rgba(226,68,12,0.7), inset 0 2px 0 rgba(255,255,255,0.45);  /* 3D orange step icon in the setup context panel. */
  --rw-size-button-sm: 38px;  /* Button height sm, 15px side padding, 14px text. */
  --rw-size-button-md: 46px;  /* Button height md, 20px side padding, 15px text. */
  --rw-size-button-lg: 52px;  /* Button height lg, 24px side padding, 16px text. Setup footer actions. */
  --rw-size-input: 50px;  /* Input height (.rw-in). Setup inputs override to 54px to 62px. */
  --rw-size-badge-md: 28px;  /* Status and verdict badge height. */
  --rw-size-badge-sm: 24px;  /* Small status badge height. */
  --rw-size-chip: 26px;  /* Chip height. */
  --rw-size-icon-button: 40px;  /* Round icon buttons (row menu, close, exit). */
  --rw-size-sidebar: 264px;  /* Dashboard sidebar width in the fixed shell. */
  --rw-size-wizard-context: 352px;  /* Setup context panel width. */
  --rw-size-stepper-node: 50px;  /* Vertical stepper circle; column is 450px tall. */
  --rw-size-sheet: 460px;  /* Side sheet width (full width at 760px and below). */
  --rw-size-dialog: 540px;  /* Dialog width. */
  --rw-size-tabbar-item: 54px;  /* Phone tab bar item height. */
  --rw-layout-public-max: 1248px;  /* Public content width, with 24px side padding. */
  --rw-layout-slab-max: 1400px;  /* Dark CTA slab width. */
  --rw-layout-app-max: 1120px;  /* Dashboard content width (.rw-wrap). */
  --rw-layout-wizard-max: 820px;  /* Setup task content width. */
  --rw-layout-app-padding: 30px 40px 72px;  /* Dashboard main padding (.rw-main). 22px 16px 56px at 900px and below. */
  --rw-z-index-wizard-context: 2;  /* Setup context panel. */
  --rw-z-index-stepper: 3;  /* Vertical stepper over the panel border; plan cards pull up over the header. */
  --rw-z-index-sticky-footer: 4;  /* Sticky footer variant (.rw-ffoot, legacy focus layout). */
  --rw-z-index-menu: 5;  /* Row action menu. */
  --rw-z-index-sheet: 50;  /* Side sheet scrim. */
  --rw-z-index-dialog: 60;  /* Dialog scrim. */
  --rw-motion-fast: 150ms;  /* Colour, border and shadow transitions on buttons, links, inputs, chips, rows. */
  --rw-motion-base: 200ms;  /* Option card transitions. */
  --rw-motion-card: 250ms;  /* Card hover lift, FAQ icon rotation. */
  --rw-motion-enter: 500ms;  /* rw-rise entry of setup screens and toasts. */
  --rw-motion-sheet: 380ms;  /* Side sheet slide in, cubic-bezier(.2,.8,.2,1). */
  --rw-motion-dialog: 300ms;  /* Dialog rise. */
  --rw-motion-ease-sheet: cubic-bezier(0.2, 0.8, 0.2, 1);  /* Side sheet easing. */
  --rw-motion-ease-gauge: cubic-bezier(0.4, 0, 0.2, 1);  /* Verdict gauge arc drawing. */
}