/* Kohsanuk Classic — the legacy brand colour. Default theme.
 *
 * Declared at :root so it's the resting state when no body class is set.
 *
 * Override target = --kohsanuk-accent and friends. Almost every legacy
 * per-page stylesheet (tour-content.css, category-pages.css, tour-similar,
 * web-home inline, etc.) reads --tc-accent / --cp-accent / --w2-accent,
 * which alias to --kohsanuk-accent. So that's the lever that actually
 * changes the visible accent across the whole site.
 *
 * The two-tone --kohsanuk-brand (teal) + --kohsanuk-action (orange) split
 * only affects Phase-3 components that explicitly consume those (new
 * wizard chrome, my-orders, order-card). The site at large will show one
 * unified accent — Kohsanuk's iconic brand orange — which IS the legacy
 * look you remember from kohsanuk.com.
 *
 * We deliberately do NOT override surface / cream / page-bg / text /
 * rule tokens — the warm-cream editorial design that the per-page CSS
 * expects survives, and Kohsanuk Classic just retints the accent.
 */
:root {
    /* Surfaces — cool whites, not warm sand. Classic is a brisk navy-on-white
       palette accented with brand orange — the warm-cream defaults in
       tokens.css evoke the wrong feeling here. Spec §7.1. */
    --kohsanuk-bg-page:                  #ffffff;
    --kohsanuk-surface:                  #ffffff;
    --kohsanuk-cream-50:                 #f7f9fb;
    --kohsanuk-cream-100:                #eef4f6;
    --kohsanuk-cream-200:                #e3eaee;
    --kohsanuk-cream-300:                #cfd9e0;
    --kohsanuk-rule:                     #d8e3e8;
    --kohsanuk-border:                   #d8e3e8;
    --kohsanuk-border-subtle:            #eef4f6;
    --kohsanuk-text:                     #122939;
    --kohsanuk-text-soft:                #506880;
    --kohsanuk-text-muted:               #7a8a98;

    /* Primary accent — Kohsanuk legacy brand orange */
    /* The "View All" orange (#fd7e14, the Bootstrap warm-orange the
       legacy Kohsanuk site standardised on). #FF5722 (Material deep
       orange) reads as RED on the dark-blue footer band; #fd7e14 stays
       perceived as orange across light and dark contexts. The deeper
       red-orange is now reserved for the very rare "exceptional
       attention" cue (validation errors etc.), not the standard CTA. */
    --kohsanuk-accent:                   #fd7e14;
    --kohsanuk-accent-dark:              #d36204;
    --kohsanuk-accent-soft:              rgba(253, 126, 20, 0.20);
    --kohsanuk-accent-tint:              rgba(253, 126, 20, 0.10);
    --kohsanuk-accent-shadow:            rgba(253, 126, 20, 0.24);

    /* Two-tone: brand = LEGACY Koh Sanuk teal #0097a7 (Material Cyan 600,
       the colour used everywhere on kohsanuk.com production — sidebar
       TOC active state, trust-signal icon circles, sort pills, index-
       page location pills, price-table header, "Why book with us" icon
       discs, "Show more" pill outlines, navbar2 hover/active. Earlier
       attempt to retire it in favour of the footer's deep navy
       (#0c6c93) was reverted per user feedback — the navy reads cold
       and didn't match site memory.). The deep-navy stays only on the
       footer band background; brand + action carry the rest. */
    --kohsanuk-brand:                    #0097a7;
    --kohsanuk-brand-dark:               #006d7a;
    --kohsanuk-brand-soft:               rgba(0, 151, 167, 0.18);
    --kohsanuk-brand-tint:               rgba(0, 151, 167, 0.08);
    --kohsanuk-action:                   #fd7e14;
    --kohsanuk-action-dark:              #d36204;
    --kohsanuk-action-soft:              rgba(253, 126, 20, 0.20);
    --kohsanuk-action-tint:              rgba(253, 126, 20, 0.10);
    --kohsanuk-action-shadow:            rgba(253, 126, 20, 0.24);

    --kohsanuk-border-accent-soft:       rgba(255, 87, 34, 0.22);
    --kohsanuk-border-extra:             rgba(255, 87, 34, 0.35);

    /* Recipe overrides */
    --eyebrow-colour:                    var(--kohsanuk-brand);   /* teal eyebrows on v2 components */
    --border-accent-bar-colour:          var(--kohsanuk-action);  /* orange selection bar */
    --shadow-card-selected:              0 6px 18px var(--kohsanuk-action-shadow);
    --surface-card-selected:             #ffffff;                 /* flat white, no cream tint */
    --gradient-card-selected:            none;
}