/* Preserve the selected application palette instead of automatic browser recoloring. */
:root:not([data-theme="light"]) { color-scheme: only dark; }
:root[data-theme="light"] { color-scheme: only light; }
:root, [data-theme="dark"] {
  --bg: #08080a; --surface: #101013; --surface-2: #16161a; --surface-3: #1c1c22;
  --border: rgba(255,255,255,0.065); --border-strong: rgba(255,255,255,0.12); --border-gold: rgba(212,165,90,0.25);
  --text: #f2efe9; --text-2: #9a9691; --text-3: #6a6864;
  --gold: #d4a55a; --gold-bright: #f2d59b; --gold-grad: linear-gradient(135deg, #f7e4b6 0%, #d4a55a 45%, #a37a35 100%);
  --green: #9dc4ad; --green-bg: rgba(157,196,173,0.08); --green-border: rgba(157,196,173,0.2);
  --amber: #d4a870; --amber-bg: rgba(212,168,112,0.09); --amber-border: rgba(212,168,112,0.2);
  --red: #e09b9b; --red-bg: rgba(224,155,155,0.08); --red-border: rgba(224,155,155,0.2);
  --blue: #8fb2ff; --blue-bg: rgba(143,178,255,0.08); --blue-border: rgba(143,178,255,0.2);
  --header-bg: rgba(8,8,10,0.8);
  --row-hover: rgba(255,255,255,0.015);
  --update-glow: rgba(212,165,90,0.1);
  --shadow-color: rgba(0,0,0,0.4); --shadow-modal: rgba(0,0,0,0.6);
  --shadow-card: 0 1px 3px rgba(0,0,0,0.4);
  --input-bg: rgba(0,0,0,0.2); --code-bg: rgba(0,0,0,0.3);
  --modal-backdrop: rgba(4,4,6,0.7); --scrollbar: rgba(255,255,255,0.06);
}
[data-theme="light"] {
  --bg: #f5f3ef; --surface: #ffffff; --surface-2: #ffffff; --surface-3: #f0eeea;
  --border: #e7e4de; --border-strong: #d4d1ca; --border-gold: rgba(180,134,11,0.35);
  --text: #18181b; --text-2: #52525b; --text-3: #a1a1aa;
  --gold: #b8860b; --gold-bright: #92400e; --gold-grad: linear-gradient(135deg, #d4a55a 0%, #b8860b 45%, #92400e 100%);
  --green: #047857; --green-bg: #ecfdf5; --green-border: #a7f3d0;
  --amber: #92400e; --amber-bg: #fffbeb; --amber-border: #fde68a;
  --red: #991b1b; --red-bg: #fef2f2; --red-border: #fecaca;
  --blue: #1e40af; --blue-bg: #eff6ff; --blue-border: #bfdbfe;
  --header-bg: rgba(245,243,239,0.88);
  --row-hover: rgba(0,0,0,0.025);
  --update-glow: rgba(184,134,11,0.13);
  --shadow-color: rgba(0,0,0,0.06); --shadow-modal: rgba(0,0,0,0.15);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.04);
  --input-bg: #ffffff; --code-bg: #f4f4f5;
  --modal-backdrop: rgba(30,25,20,0.4); --scrollbar: rgba(0,0,0,0.12);
}
:root { --r-sm: 8px; --r: 12px; --r-lg: 16px; --ease: cubic-bezier(0.2, 0.8, 0.2, 1); --ease-out: cubic-bezier(0.16, 1, 0.3, 1); }
[data-saas-palette]{
  --auth-reference-1:4px;
  --auth-reference-5:1px solid rgba(128,128,128,0.1);
  --auth-reference-6:10px;
  --auth-reference-7:20px;
  --auth-reference-8:#1a1205;
  --auth-reference-9:rgba(0,0,0,0.35);
  --auth-reference-10:7px;
  --auth-reference-11:8px;
  --auth-reference-12:rgba(128,128,128,0.06);
  --auth-reference-13:rgba(128,128,128,0.1);
  --auth-reference-14:0 0 0 3px rgba(212,165,90,0.08);
  --auth-reference-15: rgba(212,165,90,0.1);
  --auth-reference-16: 0 var(--r-sm) var(--r-sm) 0;
  --auth-reference-17: rgba(184,134,11,0.09);
  --auth-reference-18: 0 4px 12px rgba(212,165,90,0.3);
  --auth-reference-19: rgba(128,128,128,0.08);
  --auth-reference-20: rgba(128,128,128,0.15);
  --auth-reference-21: 100px;
  --auth-reference-22: 50%;
  --auth-reference-23: linear-gradient(135deg, rgba(212,165,90,0.08), rgba(212,165,90,0.02));
  --auth-reference-24: 0 30px 80px var(--shadow-modal);
  --auth-reference-25: linear-gradient(135deg, rgba(157,196,173,0.1), rgba(157,196,173,0.02));
}

/* Cross-page light palette: literal values from frozen crm_saas.html [data-theme="light"]. */
[data-saas-palette] {
  --adk-light-bg: #f5f3ef;
  --adk-light-surface: #ffffff;
  --adk-light-surface-2: #ffffff;
  --adk-light-surface-3: #f0eeea;
  --adk-light-border: #e7e4de;
  --adk-light-border-strong: #d4d1ca;
  --adk-light-border-gold: rgba(180,134,11,0.35);
  --adk-light-text: #18181b;
  --adk-light-text-2: #52525b;
  --adk-light-text-3: #a1a1aa;
  --adk-light-gold: #b8860b;
  --adk-light-gold-bright: #92400e;
  --adk-light-gold-grad: linear-gradient(135deg, #d4a55a 0%, #b8860b 45%, #92400e 100%);
  --adk-light-green: #047857;
  --adk-light-green-bg: #ecfdf5;
  --adk-light-green-border: #a7f3d0;
  --adk-light-amber: #92400e;
  --adk-light-amber-bg: #fffbeb;
  --adk-light-amber-border: #fde68a;
  --adk-light-red: #991b1b;
  --adk-light-red-bg: #fef2f2;
  --adk-light-red-border: #fecaca;
  --adk-light-blue: #1e40af;
  --adk-light-blue-bg: #eff6ff;
  --adk-light-blue-border: #bfdbfe;
  --adk-light-header-bg: rgba(245,243,239,0.88);
  --adk-light-row-hover: rgba(0,0,0,0.025);
  --adk-light-update-glow: rgba(184,134,11,0.13);
  --adk-light-shadow-color: rgba(0,0,0,0.06);
  --adk-light-shadow-modal: rgba(0,0,0,0.15);
  --adk-light-shadow-card: 0 1px 2px rgba(0,0,0,0.04);
  --adk-light-input-bg: #ffffff;
  --adk-light-code-bg: #f4f4f5;
  --adk-light-modal-backdrop: rgba(30,25,20,0.4);
  --adk-light-scrollbar: rgba(0,0,0,0.12);
}

/* Literal frozen component values used by scoped responsive presentations. */
[data-saas-palette] {
  --ui-kpi-tab-bg: rgba(212,165,90,0.14);
  --ui-step-done-bg: rgba(157,196,173,0.04);
  --ui-step-active-bg: rgba(212,165,90,0.04);
}
/* Exact frozen reference constants for transferred components; no palette substitutions. */
[data-saas-palette] {
  --auth-reference-26: rgba(212,165,90,0.14);
  --auth-reference-28: 0 0 0 0 rgba(212,165,90,0.4);
  --auth-reference-29: 0 0 0 10px rgba(212,165,90,0);
  --auth-reference-30: 0 0 0 0 rgba(212,165,90,0);
  --auth-reference-31: rgba(128,128,128,0.12);
  --auth-reference-32: 2px;
  --auth-reference-33: #fff;
  --auth-reference-34: 0 20px 60px var(--shadow-modal);
  --auth-reference-35: 1px solid rgba(128,128,128,0.08);
  --auth-reference-36: rgba(212,165,90,0.04);
  --auth-reference-37: 2px solid rgba(128,128,128,0.3);
  --auth-reference-38: 5px;
  --auth-reference-39: rgba(255,204,0,0.12);
  --auth-reference-40: #c9a600;
  --auth-reference-41: 1px solid rgba(255,204,0,0.3);
  --auth-reference-42: rgba(0,91,255,0.1);
  --auth-reference-43: #4a8fff;
  --auth-reference-44: 1px solid rgba(0,91,255,0.25);
  --auth-reference-45: rgba(255,0,122,0.1);
  --auth-reference-46: #ff5ca8;
  --auth-reference-47: 1px solid rgba(255,0,122,0.25);
  --auth-reference-48: rgba(212,165,90,0.12);
  --auth-reference-49: rgba(212,165,90,0.03);
  --auth-reference-50: 2px 2px 0 0;
  --auth-reference-51: 6px;
  --auth-reference-52: rgba(212,165,90,0.08);
  --auth-reference-53: linear-gradient(135deg, #7c9bff 0%, #4a63b8 100%);
  --auth-reference-54: 9px;
  --auth-reference-55: 14px;
  --auth-reference-56: rgba(212,165,90,0.15);
  --auth-reference-57: 0 10px 40px var(--shadow-modal);
  --auth-reference-58: 13px;
  --auth-reference-59: rgba(128,128,128,0.25);
  --auth-reference-60: 0 2px 4px rgba(0,0,0,0.25);
  --auth-reference-61: rgba(157,196,173,0.04);
  --auth-reference-62: rgba(0,0,0,0.2);
}


[data-saas-palette] {
  --auth-reference-63: linear-gradient(135deg, #f7e4b6 0%, #d4a55a 100%);
  --auth-reference-64: 0 0 12px rgba(212,165,90,0.35);
  --auth-reference-65: #1a1205;
}

/* Exact authentication-modal values from the immutable landing reference. */
[data-saas-palette] {
  --auth-reference-66: linear-gradient(180deg, rgba(23,23,28,0.96), rgba(13,13,16,0.98));
  --auth-reference-67: 0 40px 100px -20px rgba(0,0,0,0.9), 0 0 0 1px rgba(255,255,255,0.03) inset, 0 1px 0 rgba(255,255,255,0.06) inset;
  --auth-reference-68: 0 4px 14px -4px rgba(223,177,108,0.5);
  --auth-reference-69: rgba(255,255,255,0.04);
  --auth-reference-70: rgba(255,255,255,0.06);
  --auth-reference-71: 0 0 0 3px rgba(223,177,108,0.08);
  --auth-reference-72: rgba(255,255,255,0.03);
}

/* Exact owner-requested Workspace navigation values, pinned in reference-provenance.json. */
[data-saas-palette] {
  --auth-reference-73: linear-gradient(90deg,rgba(212,165,90,.12),rgba(212,165,90,.02));
  --auth-reference-74: 0 3px 3px 0;
  --auth-reference-75: 0 0 12px var(--gold);
  --auth-reference-76: rgba(255,255,255,.035);
  --auth-reference-77: rgba(0,0,0,.03);
}

[data-saas-palette] { --auth-reference-78:#4a4844; --auth-reference-79:#c0c0c8; }

/* Literal status halo shadows from Workspace pulse-amber and pulse-blue. */
[data-saas-palette] {
  --auth-reference-80: 0 0 0 0 rgba(212,168,112,.45);
  --auth-reference-81: 0 0 0 6px rgba(212,168,112,0);
  --auth-reference-82: 0 0 0 0 rgba(212,168,112,0);
  --auth-reference-83: 0 0 0 0 rgba(143,178,255,.5);
  --auth-reference-84: 0 0 0 6px rgba(143,178,255,0);
  --auth-reference-85: 0 0 0 0 rgba(143,178,255,0);
}



/* Order-card radius: literal .demo-frame value in the frozen landing reference. */
[data-saas-palette] { --auth-reference-86:18px; }





/* BEGIN OWNER PRODUCT TOKENS */
[data-saas-palette] {
  --owner-product-001: #09090b;
  --owner-product-002: #0d0d10;
  --owner-product-003: #121216;
  --owner-product-004: #17171c;
  --owner-product-005: #1d1d24;
  --owner-product-006: rgba(255,255,255,0.06);
  --owner-product-007: rgba(255,255,255,0.12);
  --owner-product-008: rgba(223,177,108,0.25);
  --owner-product-009: #ece9e3;
  --owner-product-010: #95918b;
  --owner-product-011: #5f5c58;
  --owner-product-012: #dfb16c;
  --owner-product-013: #f4d9a8;
  --owner-product-014: #a67e40;
  --owner-product-015: linear-gradient(135deg, #f4d9a8 0%, #dfb16c 45%, #a67e40 100%);
  --owner-product-016: #7fbfa1;
  --owner-product-017: rgba(127,191,161,0.06);
  --owner-product-018: rgba(127,191,161,0.18);
  --owner-product-019: #d4a870;
  --owner-product-020: rgba(212,168,112,0.08);
  --owner-product-021: rgba(212,168,112,0.18);
  --owner-product-022: #e3a5a5;
  --owner-product-023: rgba(227,165,165,0.06);
  --owner-product-024: rgba(227,165,165,0.18);
  --owner-product-025: 0 0 0 3px rgba(223,177,108,0.4);
  --owner-product-026: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(223,177,108,0.04), transparent 60%), radial-gradient(ellipse 50% 50% at 100% 100%, rgba(153,179,255,0.02), transparent 60%);
  --owner-product-027: 0 40px 80px -20px rgba(0,0,0,0.9), 0 0 0 1px rgba(255,255,255,0.02) inset, 0 1px 0 rgba(255,255,255,0.04) inset;
  --owner-product-028: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
  --owner-product-029: drop-shadow(0 0 8px rgba(223,177,108,0.3));
  --owner-product-030: rgba(255,255,255,0.03);
  --owner-product-031: rgba(255,255,255,0.08);
  --owner-product-032: #1a1205;
  --owner-product-033: 0 1px 0 rgba(255,255,255,0.35) inset, 0 6px 20px -6px rgba(223,177,108,0.5);
  --owner-product-034: 0 1px 0 rgba(255,255,255,0.4) inset, 0 10px 28px -6px rgba(223,177,108,0.6);
  --owner-product-035: rgba(255,255,255,0.04);
  --owner-product-036: rgba(255,255,255,0.08);
  --owner-product-037: rgba(227,165,165,0.12);
  --owner-product-038: rgba(227,165,165,0.3);
  --owner-product-039: rgba(0,0,0,0.25);
  --owner-product-040: 0 0 0 3px rgba(223,177,108,0.08);
  --owner-product-041: rgba(0,0,0,0.35);
  --owner-product-042: 100px;
  --owner-product-043: rgba(255,255,255,0.1);
  --owner-product-044: rgba(223,177,108,0.2);
  --owner-product-045: 0 0 8px rgba(223,177,108,0.5);
  --owner-product-046: 100px;
  --owner-product-047: rgba(255,255,255,0.02);
  --owner-product-048: 0 0 12px rgba(223,177,108,0.2);
  --owner-product-049: rgba(255,255,255,0.02);
  --owner-product-050: rgba(223,177,108,0.04);
  --owner-product-051: rgba(0,0,0,0.2);
}
/* END OWNER PRODUCT TOKENS */

/* Owner-requested shop status halos; documented in reference-provenance.json. */
:root {
  --shop-state-red-ring-start: 0 0 0 0 rgba(224,155,155,.5);
  --shop-state-red-ring-expand: 0 0 0 6px rgba(224,155,155,0);
  --shop-state-red-ring-rest: 0 0 0 0 rgba(224,155,155,0);
  --shop-state-green-ring-start: 0 0 0 0 rgba(157,196,173,.5);
  --shop-state-green-ring-expand: 0 0 0 6px rgba(157,196,173,0);
  --shop-state-green-ring-rest: 0 0 0 0 rgba(157,196,173,0);
}


:root {
 --team-primary-hover-shadow:0 4px 12px rgba(212,165,90,.3);
 --team-control-bg:rgba(128,128,128,.08);
 --team-control-hover-bg:rgba(128,128,128,.15);
 --team-badge-bg:rgba(128,128,128,.12);
 --team-active-bg:rgba(212,165,90,.14);
 --team-tab-radius:8px 8px 0 0;
 --team-tab-line-radius:2px 2px 0 0;
}