/* ============================================================
 * HiGo design tokens v1.3 — READ-ONLY COPY
 * ============================================================
 * Source of truth for this file:
 *   D:\higo-app\design\source\HiGo-design-tokens-v1.3.css
 *   (copied here 2026-09-04 as the shared token reference for
 *   the brand workspace, official site, and APP)
 *
 * The ONLY editable source for these tokens is:
 *   D:\higo-app\design\source\HiGo-design-tokens-v1.3.tokens.json
 *
 * Do NOT hand-edit this file or the .css file in higo-app.
 * Change the .tokens.json above, then run `npm run generate:tokens`
 * in higo-app to regenerate the .css/.ts outputs, and re-copy this
 * file from higo-app to keep it in sync.
 * ============================================================ */

/* AUTO-GENERATED from HiGo-design-tokens-v1.3.tokens.json — 1.3.0. */
/* Run `npm run generate:tokens`; do not edit this file directly. */
:root {
  color-scheme: light;

  /* Brand */
  --higo-gold-50: #FFF8E8;
  --higo-gold-100: #FDE9B7;
  --higo-gold-200: #FBD58E;
  --higo-gold-300: #F9C568;
  --higo-gold-500: #F5A623;
  --higo-gold-600: #D98A0C;
  --higo-gold-700: #8A570B;
  --higo-cocoa-50: #FAF5EF;
  --higo-cocoa-100: #F1E8DE;
  --higo-cocoa-300: #D6C7B8;
  --higo-cocoa-500: #9A8877;
  --higo-cocoa-600: #705B4B;
  --higo-cocoa-700: #584234;
  --higo-cocoa-800: #4B3224;
  --higo-cocoa-900: #3D2314;
  --higo-warm-white: #FFFBF4;
  --higo-white: #FFFFFF;

  /* Commerce */
  --higo-clay-100: #F8D9CF;
  --higo-clay-500: #E4572E;
  --higo-clay-700: #C2431F;

  /* Semantic */
  --higo-success: #2E6F53;
  --higo-success-bg: #EAF5EF;
  --higo-success-border: color-mix(in srgb, var(--higo-success) 26%, transparent);
  --higo-warning: #8A570B;
  --higo-warning-bg: #FFF4D6;
  --higo-warning-border: #E8C66F;
  --higo-error: #B23A24;
  --higo-error-bg: #FCEBE7;
  --higo-error-border: color-mix(in srgb, var(--higo-error) 24%, transparent);
  --higo-info: #2F5F8F;
  --higo-info-bg: #ECF3FA;
  --higo-info-border: #CFE0F0;

  /* Aliases */
  --higo-bg-canvas: var(--higo-warm-white);
  --higo-bg-surface: var(--higo-white);
  --higo-bg-subtle: var(--higo-cocoa-50);
  --higo-bg-soft: var(--higo-gold-50);
  --higo-text-primary: var(--higo-cocoa-900);
  --higo-text-secondary: var(--higo-cocoa-600);
  --higo-text-inverse: var(--higo-white);
  --higo-border-subtle: var(--higo-cocoa-100);
  --higo-border-strong: var(--higo-cocoa-500);
  --higo-border-accent-soft: #EFD9A2;
  --higo-action-primary: var(--higo-gold-500);
  --higo-action-primary-hover: var(--higo-gold-600);
  --higo-action-primary-text: var(--higo-cocoa-900);
  --higo-price: var(--higo-clay-700);
  --higo-focus: var(--higo-cocoa-900);
  --higo-commerce-soft: #FFF0E8;
  --higo-warm-scrim: rgb(255 251 244 / 0.94);
  --higo-media-scrim: rgb(61 35 20 / 0.84);
  --higo-mask-opaque: #000000;

  /* Typography */
  --higo-font-sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --higo-font-latin: Inter, "Segoe UI", Arial, sans-serif;
  --higo-font-tamil: "Noto Sans Tamil", "Noto Sans Tamil UI", Arial, sans-serif;
  --higo-text-12: 0.75rem;
  --higo-text-14: 0.875rem;
  --higo-text-16: 1rem;
  --higo-text-18: 1.125rem;
  --higo-text-24: 1.5rem;
  --higo-text-32: 2rem;
  --higo-text-40: 2.5rem;
  --higo-text-52: 3.25rem;
  --higo-leading-tight: 1.2;
  --higo-leading-body: 1.65;
  --higo-leading-relaxed: 1.78;
  --higo-weight-regular: 400;
  --higo-weight-medium: 500;
  --higo-weight-semibold: 600;
  --higo-weight-bold: 700;
  --higo-weight-extrabold: 800;

  /* Space */
  --higo-space-1: 0.25rem;
  --higo-space-2: 0.5rem;
  --higo-space-3: 0.75rem;
  --higo-space-4: 1rem;
  --higo-space-6: 1.5rem;
  --higo-space-8: 2rem;
  --higo-space-12: 3rem;
  --higo-space-16: 4rem;
  --higo-space-20: 5rem;

  /* Shape and elevation */
  --higo-radius-sm: 0.5rem;
  --higo-radius-md: 0.75rem;
  --higo-radius-lg: 1rem;
  --higo-radius-xl: 1.5rem;
  --higo-radius-full: 999px;
  --higo-shadow-1: 0 1px 2px rgb(61 35 20 / 0.08), 0 1px 5px rgb(61 35 20 / 0.05);
  --higo-shadow-2: 0 8px 24px rgb(61 35 20 / 0.10);

  /* Motion */
  --higo-duration-fast: 120ms;
  --higo-duration-base: 180ms;
  --higo-duration-slow: 240ms;
  --higo-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* Accessibility */
  --higo-a11y-standard: WCAG 2.2 AA;
  --higo-a11y-contrast-body-min: 4.5;
  --higo-a11y-contrast-large-min: 3;
  --higo-a11y-contrast-ui-min: 3;
  --higo-a11y-touch-target-preferred: 44px;
  --higo-a11y-focus-ring-min: 3px;
  --higo-a11y-reduced-motion-supported: true;
  --higo-a11y-duration-reduced: 1ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --higo-duration-fast: 1ms;
    --higo-duration-base: 1ms;
    --higo-duration-slow: 1ms;
  }
}