/*
 * SYXt redesign — design tokens for the PUBLIC WEBSITE ONLY.
 * Namespaced (--syxt-*) so this never collides with the cross-portal
 * --lucent-* tokens in lucent-brand-tokens.css (shared with the admin/
 * customer/barber portals — do not touch those).
 *
 * Target system: ~55% white/off-white, ~35% black/charcoal,
 * ~10% tangerine accent used only for CTAs/active states/labels.
 */
:root {
    --syxt-white: #ffffff;
    --syxt-off-white: #f7f6f3;

    --syxt-charcoal: #17181b;
    --syxt-charcoal-deep: #0d0e10;
    --syxt-black: #0a0a0a;

    --syxt-ink: #17181b;
    --syxt-ink-muted: #6b6f76;
    --syxt-line-light: rgba(23, 24, 27, .10);

    --syxt-cream: #f5f3ef;
    --syxt-cream-muted: rgba(245, 243, 239, .72);
    --syxt-line-dark: rgba(245, 243, 239, .14);

    --syxt-tangerine: #ff7a1a;
    --syxt-tangerine-dark: #e0650b;
    --syxt-tangerine-wash: rgba(255, 122, 26, .08);

    --syxt-radius: 2px;
    --syxt-shadow-soft: 0 12px 32px rgba(10, 10, 10, .08);
}