/*
  theme-sefirot.css — SEFIROT INTERNAL SKIN (today's brand)
  ===========================================================
  Values per SEFIROT-BRAND-BIBLE-v1.0 + ADDENDUM-v1.1, as summarized in
  PROPOSAL-sefirot-brand-alignment-client-tools-2026-04-09-mobile_cld.md
  §0 "Surface Classification Decision" — the two valid Sefirot surfaces:

    Document-native  — client portal, rate card, calculator/instrument
                        bg #f7f5f1 (warm off-white) · crimson #8b1c1c accent
                        Georgia + Courier, normal weight (no bold)
    Organelle        — engagement chronology, venue/technical visualization
                        bg #0e0e0e · amber #c8b89a accent (dark-mode gold)
                        Georgia + Courier, normal weight (no bold)

  Selector convention: each tool's <body> carries a `data-surface`
  attribute set to either "document" or "organelle" per the classification
  below (judgment call — the brand-alignment proposal classified a
  DIFFERENT, not-yet-built ticket visualizer and a different, React-based
  occupancy tool; these four on-disk vanilla+Chart.js modelers are not
  literally covered by that proposal, so the mapping here extends its own
  stated logic: financial/ticket instruments -> Document-native,
  venue-geometry/technical-visualization instruments -> Organelle):

    ticket-modeler.html              -> data-surface="document"
    bar-and-revenue-modeler.html     -> data-surface="document"
    venue-occupancy-calculator.html  -> data-surface="organelle"
    table-service-map.html           -> data-surface="organelle"

  Sefirot identity firewall note (see SCOPING doc §4): this skin is for
  INTERNAL Sefirot use only. It is never the skin an IC-facing viewer
  sees — theme-ic.css (or a future partner skin) replaces it wholesale
  for any externally delivered build. No markup change is required to
  swap; only the <link data-theme-slot> href changes.

  No logo image asset (quill mark) was located on disk in this pass —
  --logo-url stays 'none' and the wordmark renders as styled text only.
  Source a vector quill mark and set --logo-url here when available.
*/

/* ================= DOCUMENT-NATIVE SURFACE ================= */
[data-surface="document"] {
  --bg-top: #f7f5f1;
  --bg-mid: #f7f5f1;
  --bg-bot: #f0ece4;

  --text-primary: #211a15;
  --text-secondary: rgba(33,26,21,0.72);
  --text-tertiary: rgba(33,26,21,0.60);
  --text-faint: rgba(33,26,21,0.50);
  --text-faint-2: rgba(33,26,21,0.42);
  --text-faint-3: rgba(33,26,21,0.36);

  --accent: #8b1c1c;              /* crimson */
  --accent-rgb: 139, 28, 28;

  --color-positive: #2f7d4f;
  --color-positive-rgb: 47, 125, 79;
  --color-negative: #b3261e;
  --color-negative-rgb: 179, 38, 30;
  --color-info: #1a2d6b;          /* navy, used where Organelle uses --color-info */
  --color-info-rgb: 26, 45, 107;
  --color-theoretical: #8a6d3b;

  --panel-bg-1: rgba(255,255,255,0.65);
  --panel-bg-2: rgba(255,255,255,0.55);
  --panel-bg-3: rgba(255,255,255,0.45);
  --panel-bg-4: rgba(255,255,255,0.35);
  --surface-tint-1: rgba(33,26,21,0.03);
  --surface-tint-2: rgba(33,26,21,0.04);
  --surface-tint-3: rgba(33,26,21,0.05);
  --surface-tint-4: rgba(33,26,21,0.07);
  --surface-tint-5: rgba(33,26,21,0.09);
  --surface-tint-6: rgba(33,26,21,0.12);

  --hairline-1: rgba(33,26,21,0.08);
  --hairline-2: rgba(33,26,21,0.12);
  --hairline-3: rgba(33,26,21,0.16);
  --hairline-4: rgba(33,26,21,0.22);
  --hairline-5: rgba(33,26,21,0.30);
  --accent-border: rgba(var(--accent-rgb), 0.30);
  --accent-border-soft: rgba(var(--accent-rgb), 0.35);

  --accent-tint-1: rgba(var(--accent-rgb), 0.06);
  --accent-tint-2: rgba(var(--accent-rgb), 0.10);
  --accent-tint-3: rgba(var(--accent-rgb), 0.14);
  --accent-tint-4: rgba(var(--accent-rgb), 0.18);

  --input-bg: rgba(33,26,21,0.04);
  --input-border: rgba(33,26,21,0.18);
  --input-border-2: rgba(33,26,21,0.24);
  --input-text: var(--text-primary);
  --input-focus-border: var(--accent);
  --input-focus-bg: var(--accent-tint-1);

  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', Arial, sans-serif;
  --font-mono: 'Source Sans 3', Arial, sans-serif;
  --font-weight-base: 400;
  --font-weight-heavy: 400;    /* brand bible: normal weight throughout, no exceptions */

  --shadow-soft: 0 2px 8px rgba(33,26,21,0.10);
  --shadow-hover: 0 4px 14px rgba(33,26,21,0.16);
  --shadow-panel: 0 10px 24px rgba(33,26,21,0.14);

  --logo-url: none;
  --logo-width: 0px;
  --logo-height: 0px;
  --wordmark-text: "Sefirot Consulting LLC";
  --wordmark-display: inline;
  --attribution-text: "Event Revenue Model";
  --footer-brand-text: "Sefirot Consulting LLC · Planning demonstration";

  --table-fill: rgba(33,26,21,0.90);
  --table-border: rgba(33,26,21,0.75);
  --table-text: #f7f5f1;
  --booth-fill: rgba(var(--accent-rgb), 0.92);
  --booth-text: #f7f5f1;
}

/* ================= ORGANELLE SURFACE ================= */
[data-surface="organelle"] {
  --bg-top: #0e0e0e;
  --bg-mid: #161616;
  --bg-bot: #1a1a1a;

  --text-primary: #e8e0d0;
  --text-secondary: rgba(232,224,208,0.72);
  --text-tertiary: rgba(232,224,208,0.60);
  --text-faint: rgba(232,224,208,0.50);
  --text-faint-2: rgba(232,224,208,0.42);
  --text-faint-3: rgba(232,224,208,0.36);

  --accent: #c8b89a;              /* dark-mode gold/amber */
  --accent-rgb: 200, 184, 154;

  --color-positive: #7ed957;
  --color-positive-rgb: 126, 217, 87;
  --color-negative: #ff6b6b;
  --color-negative-rgb: 255, 107, 107;
  --color-info: #6ec5ff;
  --color-info-rgb: 110, 197, 255;
  --color-theoretical: #c4a861;

  --panel-bg-1: #1a1a1a;
  --panel-bg-2: rgba(26,26,26,0.90);
  --panel-bg-3: rgba(26,26,26,0.75);
  --panel-bg-4: rgba(26,26,26,0.60);
  --surface-tint-1: rgba(232,224,208,0.03);
  --surface-tint-2: rgba(232,224,208,0.04);
  --surface-tint-3: rgba(232,224,208,0.05);
  --surface-tint-4: rgba(232,224,208,0.08);
  --surface-tint-5: rgba(232,224,208,0.10);
  --surface-tint-6: rgba(232,224,208,0.15);

  --hairline-1: rgba(232,224,208,0.08);
  --hairline-2: rgba(232,224,208,0.10);
  --hairline-3: rgba(232,224,208,0.12);
  --hairline-4: rgba(232,224,208,0.16);
  --hairline-5: rgba(232,224,208,0.22);
  --accent-border: rgba(var(--accent-rgb), 0.25);
  --accent-border-soft: rgba(var(--accent-rgb), 0.30);

  --accent-tint-1: rgba(var(--accent-rgb), 0.08);
  --accent-tint-2: rgba(var(--accent-rgb), 0.15);
  --accent-tint-3: rgba(var(--accent-rgb), 0.18);
  --accent-tint-4: rgba(var(--accent-rgb), 0.20);

  --input-bg: rgba(232,224,208,0.06);
  --input-border: rgba(232,224,208,0.16);
  --input-border-2: rgba(232,224,208,0.22);
  --input-text: var(--text-primary);
  --input-focus-border: var(--accent);
  --input-focus-bg: var(--accent-tint-1);

  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', Arial, sans-serif;
  --font-mono: 'Source Sans 3', Arial, sans-serif;
  --font-weight-base: 400;
  --font-weight-heavy: 400;    /* brand bible: normal weight throughout, no exceptions */

  --shadow-soft: 0 4px 12px rgba(0,0,0,0.45);
  --shadow-hover: 0 6px 18px rgba(0,0,0,0.60);
  --shadow-panel: 0 20px 40px rgba(0,0,0,0.60);

  --logo-url: none;
  --logo-width: 0px;
  --logo-height: 0px;
  --wordmark-text: "Sefirot Consulting LLC";
  --wordmark-display: inline;
  --attribution-text: "Venue Analysis · Operations Intelligence";
  --footer-brand-text: "Sefirot Consulting LLC · Planning demonstration";

  --table-fill: rgba(232,224,208,0.95);
  --table-border: rgba(232,224,208,0.80);
  --table-text: #1a1a1a;
  --booth-fill: rgba(var(--accent-rgb), 0.95);
  --booth-text: #1a1a1a;
}