/* ==========================================================================
   Desktop tokens, theme9star (9starmedia.com). 2026-10-25, docs/DESKTOP-REFRESH-9STAR.md.
   The --d-* custom properties the five desktop sheets (stylesheet_zzz_d_base, _commerce,
   _listings, _product, _shell) read. Mirrored from the mobile --m-* tokens in
   stylesheet_zz_9star_m_shell.css (which exist only below 1024px), plus desktop-only
   values: hover and press colours, field edge, focus rings, category fills, page widths,
   desktop sizes. Same token names as theme-bahai; only the values differ (the player and
   track-list tokens were added for the owner's product-page direction; theme-bahai
   mirrors them with its own values).
   Declarations only: this file draws nothing. Desktop only: phones and tablets
   (1023px and below) never see these. Light-only site, as on mobile.
   Custom properties resolve at computed time, so this file loading after the group
   sheets (alphabetical order) does not matter.
   ========================================================================== */

@media (min-width: 1024px) {
  :root {
    /* colour: ONE accent (amber). Amber is a FILL only (2.08:1 on white): text on it is
       charcoal; the brand as text, outline or ring on white is --d-brand-text. */
    --d-brand: #e8a900; /* = --m-brand: primary fills, current page, badges */
    --d-brand-ink: #2d2d2d; /* = --m-brand-ink: text on amber, 6.63:1 */
    --d-brand-text: #8a6400; /* = --m-brand-text: links, secondary text/edge, rings; 5.38:1 on white */
    --d-brand-hover: #d39a00; /* = --m-brand-hover: primary hover; charcoal on it 5.50:1 */
    --d-brand-press: #c28d00; /* primary :active; charcoal on it 4.66:1 */
    --d-brand-soft: #fff8e1; /* = --m-brand-soft: wash, secondary hover, selected rows; brand-text on it 5.06:1 */
    --d-brand-soft-2: #fcefc7; /* secondary :active; brand-text on it 4.69:1 */
    --d-brand-ring: rgb(
      138 100 0 / 0.22
    ); /* soft halo around a focused field */
    --d-accent: #e8a900; /* = --m-accent: cart count, sale chip (charcoal text) */

    /* the header band (= the mobile top bar) */
    --d-top: #363636; /* = --m-top-bg */
    --d-top-ink: #ffffff; /* nav links, 12.08:1 */
    --d-top-ink-2: #b3b3b3; /* = --m-top-ink-2: utility links, labels; 5.76:1 */
    --d-top-hover: #e8a900; /* nav hover and current, 5.82:1 on #363636 */
    --d-top-focus: #e8a900; /* = --m-top-focus: ring on the band */

    /* category identity (left menu blocks, social rows, empty-cart chips); never used for
       actions. Text on them is charcoal (19px bold = large text), white only on rust. */
    --d-cat-1: #959f2e; /* olive: Devotional Music; charcoal 4.77:1 */
    --d-cat-2: #a2452f; /* rust: Inspired Music; white 6.12:1 */
    --d-cat-3: #30a688; /* teal: Audio Books; charcoal 4.55:1 */
    --d-cat-4: #f9bd00; /* yellow: Video; charcoal 8.07:1 */
    --d-cat-5: #3399cc; /* blue: Gift Certificates; charcoal 4.31:1 (large text only) */
    --d-cat-ink: #2d2d2d;
    --d-cat-ink-rust: #ffffff;

    /* neutrals */
    --d-ink: #2d2d2d; /* = --m-ink, 13.77:1 on white */
    --d-ink-2: #5f6264; /* = --m-ink-2, 6.14:1 on white, 5.69:1 on surface-2 */
    --d-line: #e4e2df; /* = --m-line: hairlines, card edges (decorative only) */
    --d-field: #928e88; /* control edges, 3.26:1 on white (mobile chk:165) */
    --d-field-hover: #6e6a65; /* control edge on hover, 5.37:1 */
    --d-surface: #ffffff; /* = --m-surface */
    --d-surface-2: #f7f6f3; /* = --m-surface-2: soft panels, table heads, totals, footer */
    --d-surface-3: #efede9; /* hover on surface-2; brand-text on it 4.60:1 */

    /* messages (= mobile chk:294-326) */
    --d-error-bg: #fdf2f1;
    --d-error-line: #f0c7c2;
    --d-error-ink: #a3261b; /* 6.72:1 on its bg */
    --d-success-bg: #eef8f4;
    --d-success-line: #bfe0d3;
    --d-success-ink: #1d6b55; /* 5.89:1 */
    --d-caution-bg: #fff8e1;
    --d-caution-line: #ecd9a0;
    --d-caution-ink: #6b5200; /* 6.98:1 */

    /* shape: the mobile radius system, unchanged */
    --d-radius: 10px; /* = --m-radius: buttons, inputs, selects, chips, messages */
    --d-radius-lg: 14px; /* = --m-radius-lg: cards, panels, fieldsets, player */
    --d-radius-cover: 6px; /* = --m-radius-cover: album covers, thumbnails, portraits */

    /* sizes: desktop-scaled (mobile is 48/44) */
    --d-btn-h: 40px; /* default button */
    --d-btn-h-sm: 34px; /* tiles, sideboxes, table rows, popular strip */
    --d-btn-h-lg: 44px; /* product Add to Cart, cart Checkout */
    --d-btn-pad: 0 18px;
    --d-btn-pad-sm: 0 14px;
    --d-btn-pad-lg: 0 24px;
    --d-btn-border: 1.5px;
    --d-field-h: 38px; /* text inputs and selects */
    --d-field-h-sm: 32px; /* header currency, filter bar, sidebox selects */
    --d-check: 18px; /* checkbox and radio */
    --d-check-track: 20px; /* track-list checkbox (owner: 20-24px), accent = --d-brand */

    /* product player and track list (owner direction 2026-10-25: the mobile player card
       and track rows, mouse-sized). Mobile: 44px round buttons, 56px play, 6px bar. */
    --d-player-btn: 40px; /* previous / next: round, transparent, ink glyph */
    --d-player-play: 52px; /* play / pause: round amber fill, charcoal glyph */
    --d-player-glyph: 22px; /* prev / next glyph box; play / pause glyph 24px */
    --d-player-bar-h: 6px; /* progress bar height, radius 3px */
    --d-player-bar: #8f8c88; /* bar track: 3.10:1 on --d-surface-2 (mobile #b2b0ae is 2.0:1) */
    --d-player-shadow:
      0 1px 2px rgb(45 45 45 / 0.14), 0 6px 16px rgb(138 100 0 / 0.22); /* = mobile play shadow */
    --d-player-handle: 16px; /* amber dot, 2px white ring, charcoal hairline */
    --d-row-h: 44px; /* track row min height (mobile 52px) */

    /* type: the theme's own Arial stack, no webfonts */
    --d-font: Arial, Helvetica, sans-serif;
    --d-fs-body: 14px; /* running text in the centre column */
    --d-fs-ui: 13px; /* labels, sideboxes, meta, table cells */
    --d-fs-small: 12px; /* copyright, counters, table heads */
    --d-fs-btn: 14px;
    --d-fs-btn-sm: 13px;
    --d-fs-btn-lg: 16px;
    --d-fs-h1: 34px; /* page titles (was 60px / -4px) */
    --d-fs-h1-product: 28px; /* product title */
    --d-fs-h2: 22px;
    --d-fs-h3: 17px;
    --d-lh-body: 1.55;
    --d-track-h1: -0.6px;

    /* depth: warm-charcoal tinted only */
    --d-shadow-1: 0 1px 2px rgb(45 45 45 / 0.06);
    --d-shadow-2:
      0 1px 2px rgb(45 45 45 / 0.08), 0 8px 20px rgb(45 45 45 / 0.12);
    --d-cover-edge: 0 0 0 1px #e4e2df; /* hairline ring on covers (mobile list:136) */

    /* focus */
    --d-focus-w: 2px;
    --d-focus-offset: 2px;
    --d-focus: #8a6400; /* ring on white, surface-2 and amber fills */
    --d-focus-on-dark: #e8a900; /* ring on the header band */
    --d-focus-on-cat: #2d2d2d; /* ring inside category blocks (white inside rust) */

    /* motion: dial 3; every transition sits in prefers-reduced-motion: no-preference */
    --d-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    --d-dur: 120ms;

    /* widths: the existing page frame, unchanged */
    --d-page: 1050px; /* .main-width (fluid 1024-1139, stylesheet_zz_9star.css) */
    --d-center: 785px; /* #column-center at 1050 */
    --d-measure: 72ch; /* prose in EZ pages and descriptions */
    --d-gap: 16px; /* spacing rhythm: 4 8 12 16 20 24 32 */
  }
}