/* Generated from CreaIQ Design OS V3 tokens. Do not hand-edit. */
:root{
  --creaiq-black: #000000;
  --creaiq-gold-base: #D2AA43;
  --creaiq-gold-dark: #7C5215;
  --creaiq-gold-deep: #9D6D1D;
  --creaiq-gold-highlight: #F7DEA0;
  --creaiq-gold-light: #E8CA72;
  --creaiq-gold-metallic: linear-gradient(110deg, #7C5215 0%, #C28D29 20%, #F4D77D 39%, #B47C20 56%, #F8DFA0 73%, #956319 100%);
  --creaiq-graphite: #101318;
  --creaiq-warm-white: #F5F0E6;
  --creaiq-white: #FFFFFF;
  --ciq-accessibility-focusWidth: 3px;
  --ciq-accessibility-minimumBodySize: 16px;
  --ciq-accessibility-minimumTapTarget: 44px;
  --ciq-accessibility-reducedMotion: respect-user-preference;
  --ciq-application-coreLogo: Contour-free and effect-free; only manifest-approved flat or display derivatives.;
  --ciq-application-functionalGold: Use Gold Base for links, controls, rules and compact marks; use Gold Dark where contrast on light surfaces requires it.;
  --ciq-application-humanQa: Every new business-effective or visual artifact still requires human visual QA before publication.;
  --ciq-application-premiumGold: Use the metallic gradient only at large display scale and with a flat-color fallback.;
  --ciq-application-projectBoundary: Do not recolor or otherwise change autonomous project identities; apply CreaIQ gold only to the surrounding roof-brand shell.;
  --ciq-application-scope: All CreaIQ roof-brand media and the general CreaIQ shell across web, OS, help, documents, print, social, advertising, email, newsletter, video, animation, signage and future CreaIQ media.;
  --ciq-border-focus: #F7DEA0;
  --ciq-border-light: #DCD4C5;
  --ciq-border-subtle: #3E3424;
  --ciq-brand-creaiq-black: #000000;
  --ciq-brand-creaiq-blueLegacyShellOnly: #5B8DEF;
  --ciq-brand-creaiq-goldBase: #D2AA43;
  --ciq-brand-creaiq-goldDark: #7C5215;
  --ciq-brand-creaiq-goldDeep: #9D6D1D;
  --ciq-brand-creaiq-goldHighlight: #F7DEA0;
  --ciq-brand-creaiq-goldLight: #E8CA72;
  --ciq-brand-creaiq-graphite: #101318;
  --ciq-brand-creaiq-warmWhite: #F5F0E6;
  --ciq-brand-creaiq-white: #FFFFFF;
  --ciq-brand-iqkick-championGold: #C8A951;
  --ciq-brand-iqkick-purple: #7E4CFF;
  --ciq-brand-iquiz-knowledgeBlue: #3B82C4;
  --ciq-brand-iquiz-knowledgeMist: #DCECF7;
  --ciq-breakpoint-desktop: 1200px;
  --ciq-breakpoint-mobile: 640px;
  --ciq-breakpoint-tablet: 900px;
  --ciq-contrast-darkSurfaceAccent: #E8CA72;
  --ciq-contrast-darkSurfaceText: #F5F0E6;
  --ciq-contrast-decorativeHighlightOnly: #F7DEA0;
  --ciq-contrast-lightSurfaceAccent: #7C5215;
  --ciq-contrast-lightSurfaceText: #101318;
  --ciq-contrast-smallTextOnGold: #101318;
  --ciq-forbidden-coreLogoBevel: True;
  --ciq-forbidden-coreLogoChrome: True;
  --ciq-forbidden-coreLogoContour: True;
  --ciq-forbidden-coreLogoGlow: True;
  --ciq-forbidden-coreLogoShadow: True;
  --ciq-forbidden-metallicGradientForFunctionalControls: True;
  --ciq-forbidden-metallicGradientForSmallText: True;
  --ciq-forbidden-moreThanOneGoldSystem: True;
  --ciq-forbidden-projectColorReplacement: True;
  --ciq-forbidden-unverifiedPrintMetallicClaim: True;
  --ciq-layout-gridGap: 24px;
  --ciq-layout-headerHeight: 72px;
  --ciq-layout-maxWidth: 1240px;
  --ciq-layout-readingWidth: 760px;
  --ciq-media-card: 4/3;
  --ciq-media-heroWide: 16/9;
  --ciq-media-portrait: 4/5;
  --ciq-media-shortVideo: 9/16;
  --ciq-metallic-allowedUse: Large premium display surfaces, video plates, presentation covers and controlled highlights only.;
  --ciq-metallic-creaiqGold: linear-gradient(110deg, #7C5215 0%, #C28D29 20%, #F4D77D 39%, #B47C20 56%, #F8DFA0 73%, #956319 100%);
  --ciq-metallic-fallback: #D2AA43;
  --ciq-monochrome-black: #000000;
  --ciq-monochrome-nearblack: #101318;
  --ciq-monochrome-warmWhite: #F5F0E6;
  --ciq-monochrome-white: #FFFFFF;
  --ciq-motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ciq-motion-fast: 140ms;
  --ciq-motion-maxDistance: 18px;
  --ciq-motion-normal: 240ms;
  --ciq-motion-reducedMotion: required;
  --ciq-motion-slow: 520ms;
  --ciq-print-colorSpace: CMYK;
  --ciq-print-conversionProfile: Use the printer-specified ICC profile; values below are process starting points, not spot-color guarantees.;
  --ciq-print-goldBaseCmyk: 0/19/68/18;
  --ciq-print-goldDarkCmyk: 0/34/83/51;
  --ciq-print-goldDeepCmyk: 0/31/82/38;
  --ciq-print-goldHighlightCmyk: 0/10/35/3;
  --ciq-print-goldLightCmyk: 0/13/51/9;
  --ciq-print-graphiteCmyk: 33/21/0/91;
  --ciq-print-metallicRule: Real metallic output requires a vendor-approved foil or spot-color proof; never simulate it as an unverified process-color promise.;
  --ciq-print-warmWhiteCmyk: 0/2/6/4;
  --ciq-project-businessAccent: #C8A951;
  --ciq-project-iqkickAccent: #7E4CFF;
  --ciq-project-iquizAccent: #3B82C4;
  --ciq-project-rule: Project identities and project colors are immutable under the CreaIQ shell token update.;
  --ciq-radius-large: 8px;
  --ciq-radius-medium: 8px;
  --ciq-radius-pill: 999px;
  --ciq-radius-small: 6px;
  --ciq-rules-decorativeCards: False;
  --ciq-rules-externalAssets: False;
  --ciq-rules-iconFamily: Lucide;
  --ciq-rules-maxAccentColors: 2;
  --ciq-rules-maxPrimaryActionsPerSection: 1;
  --ciq-semantic-brandDeep: #9D6D1D;
  --ciq-semantic-brandHighlight: #F7DEA0;
  --ciq-semantic-brandPrimary: #D2AA43;
  --ciq-semantic-brandSoft: #E8CA72;
  --ciq-semantic-brandStrong: #7C5215;
  --ciq-semantic-canvasDark: #101318;
  --ciq-semantic-canvasLight: #F5F0E6;
  --ciq-semantic-divider: #9D6D1D;
  --ciq-semantic-focus: #F7DEA0;
  --ciq-semantic-onDark: #F5F0E6;
  --ciq-semantic-onLight: #101318;
  --ciq-shadow-focus: 0 0 0 3px rgba(247, 222, 160, 0.42);
  --ciq-shadow-soft: 0 12px 32px rgba(0, 0, 0, 0.24);
  --ciq-spacing-1: 4px;
  --ciq-spacing-2: 8px;
  --ciq-spacing-3: 12px;
  --ciq-spacing-4: 16px;
  --ciq-spacing-5: 24px;
  --ciq-spacing-6: 32px;
  --ciq-spacing-7: 48px;
  --ciq-spacing-8: 72px;
  --ciq-spacing-9: 96px;
  --ciq-state-blocked: #7D8798;
  --ciq-state-error: #E26464;
  --ciq-state-info: #5B8DEF;
  --ciq-state-success: #2FBF8F;
  --ciq-state-warning: #E5A83A;
  --ciq-surface-canvas: #F5F0E6;
  --ciq-surface-night: #101318;
  --ciq-surface-panel: #171B22;
  --ciq-surface-paper: #FFFFFF;
  --ciq-surface-raised: #202630;
  --ciq-text-body: #DAD5CB;
  --ciq-text-ink: #101318;
  --ciq-text-inkMuted: #50545B;
  --ciq-text-muted: #A9A49B;
  --ciq-text-strong: #F5F0E6;
  --ciq-typography-familyDisplay: Inter, ui-sans-serif, system-ui, sans-serif;
  --ciq-typography-familySans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --ciq-typography-lineBody: 1.62;
  --ciq-typography-lineHeading: 1.08;
  --ciq-typography-measure: 68ch;
  --ciq-typography-sizeBase: 16px;
  --ciq-typography-sizeHero: 64px;
  --ciq-typography-sizeLg: 28px;
  --ciq-typography-sizeMd: 20px;
  --ciq-typography-sizeSm: 14px;
  --ciq-typography-sizeXl: 40px;
  --ciq-typography-sizeXs: 12px;
  --ciq-typography-weightBold: 760;
  --ciq-typography-weightMedium: 600;
  --ciq-typography-weightRegular: 400;
  --ciq-typography-wordmark: Approved outlined Playfair paths only; never re-typeset the wordmark.;
  --ciq-video-alphaOverlayRule: Use flat Gold Base for functional lower thirds; reserve the metallic gradient for large non-functional title/display plates.;
  --ciq-video-colorSpace: sRGB/Rec.709;
  --ciq-video-goldBaseRgb: 210/170/67;
  --ciq-video-goldDarkRgb: 124/82/21;
  --ciq-video-goldDeepRgb: 157/109/29;
  --ciq-video-goldHighlightRgb: 247/222/160;
  --ciq-video-goldLightRgb: 232/202/114;
  --ciq-video-graphiteRgb: 16/19/24;
  --ciq-video-warmWhiteRgb: 245/240/230;
  --ciq-zIndex-base: 0;
  --ciq-zIndex-modal: 60;
  --ciq-zIndex-overlay: 40;
  --ciq-zIndex-sticky: 20;
}