/* Indicloths design tokens — generated from assets/design-tokens.json.
 * --color-accent, --color-accent-foreground and --color-muted are omitted on-site:
 * the Customizer CSS already defines --color-accent (terracotta) and --color-muted (grey text)
 * with different meanings, and existing templates depend on them. */
/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-clay-50: #FBF3EF;
  --primitive-color-clay-100: #F5E3DA;
  --primitive-color-clay-200: #EBC8B8;
  --primitive-color-clay-300: #E0A58A;
  --primitive-color-clay-400: #C98B6E;
  --primitive-color-clay-500: #A85A3C;
  --primitive-color-clay-600: #8A3B23;
  --primitive-color-clay-700: #6E2E1B;
  --primitive-color-clay-800: #522215;
  --primitive-color-clay-900: #38160D;
  --primitive-color-clay-950: #240C07;
  --primitive-color-stone-50: #FAF8F4;
  --primitive-color-stone-100: #F1EDE6;
  --primitive-color-stone-200: #E4DFD5;
  --primitive-color-stone-300: #D2CCC0;
  --primitive-color-stone-400: #A8A297;
  --primitive-color-stone-500: #6F6B63;
  --primitive-color-stone-600: #55524B;
  --primitive-color-stone-700: #3F3D38;
  --primitive-color-stone-800: #2A2926;
  --primitive-color-stone-900: #1A1A18;
  --primitive-color-stone-950: #0F0F0E;
  --primitive-color-moss-100: #E6EFE3;
  --primitive-color-moss-600: #4A6B3F;
  --primitive-color-moss-700: #3A5531;
  --primitive-color-ochre-100: #FBF0D9;
  --primitive-color-ochre-600: #B7791F;
  --primitive-color-ochre-700: #92601A;
  --primitive-color-brick-100: #FCE4E1;
  --primitive-color-brick-600: #B3261E;
  --primitive-color-brick-700: #8F1E18;
  --primitive-color-indigo-100: #E4E8F2;
  --primitive-color-indigo-600: #3B4C7A;
  --primitive-color-white: #FFFFFF;
  --primitive-color-black: #000000;
  --primitive-fontFamily-serif: "Fraunces", "Playfair Display", Georgia, serif;
  --primitive-fontFamily-sans: "Inter", "Neue Montreal", -apple-system, BlinkMacSystemFont, sans-serif;
  --primitive-fontFamily-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --primitive-fontWeight-light: 300;
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-medium: 500;
  --primitive-fontWeight-semibold: 600;
  --primitive-fontSize-xs: 0.75rem;
  --primitive-fontSize-sm: 0.875rem;
  --primitive-fontSize-base: 1rem;
  --primitive-fontSize-lg: 1.125rem;
  --primitive-fontSize-xl: 1.25rem;
  --primitive-fontSize-2xl: 1.5rem;
  --primitive-fontSize-3xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);
  --primitive-fontSize-4xl: clamp(2.25rem, 1.7rem + 2.4vw, 3rem);
  --primitive-fontSize-5xl: clamp(2.75rem, 2rem + 3.5vw, 4rem);
  --primitive-fontSize-6xl: clamp(3.25rem, 2.2rem + 5vw, 5.5rem);
  --primitive-lineHeight-tight: 1.05;
  --primitive-lineHeight-snug: 1.2;
  --primitive-lineHeight-normal: 1.5;
  --primitive-lineHeight-relaxed: 1.65;
  --primitive-letterSpacing-tight: -0.02em;
  --primitive-letterSpacing-normal: 0;
  --primitive-letterSpacing-wide: 0.08em;
  --primitive-letterSpacing-wider: 0.14em;
  --primitive-spacing-0: 0;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-spacing-10: 2.5rem;
  --primitive-spacing-12: 3rem;
  --primitive-spacing-16: 4rem;
  --primitive-spacing-20: 5rem;
  --primitive-spacing-24: 6rem;
  --primitive-spacing-32: 8rem;
  --primitive-spacing-px: 1px;
  --primitive-radius-none: 0;
  --primitive-radius-sm: 2px;
  --primitive-radius-default: 4px;
  --primitive-radius-md: 6px;
  --primitive-radius-lg: 10px;
  --primitive-radius-full: 9999px;
  --primitive-shadow-none: none;
  --primitive-shadow-sm: 0 1px 2px 0 rgb(26 26 24 / 0.06);
  --primitive-shadow-md: 0 4px 12px -2px rgb(26 26 24 / 0.10), 0 2px 4px -2px rgb(26 26 24 / 0.06);
  --primitive-shadow-lg: 0 16px 32px -8px rgb(26 26 24 / 0.16), 0 4px 8px -4px rgb(26 26 24 / 0.06);
  --primitive-shadow-ring: 0 0 0 3px rgb(138 59 35 / 0.30);
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 220ms;
  --primitive-duration-slow: 400ms;
  --primitive-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --primitive-easing-out: cubic-bezier(0.16, 1, 0.3, 1);
  --primitive-container-content: 750px;
  --primitive-container-site: 1200px;
  --primitive-container-wide: 1440px;
}

/* === SEMANTIC === */
:root {
  --color-background: #FAF8F4;
  --color-background-elevated: #FFFFFF;
  --color-background-subtle: #F1EDE6;
  --color-foreground: #1A1A18;
  --color-primary: #8A3B23;
  --color-primary-hover: #6E2E1B;
  --color-primary-active: #522215;
  --color-primary-foreground: #FFFFFF;
  --color-primary-subtle: #FBF3EF;
  --color-secondary: #1A1A18;
  --color-secondary-hover: #2A2926;
  --color-secondary-foreground: #FAF8F4;
  --color-muted-foreground: #6F6B63;
  --color-border: #E4DFD5;
  --color-border-strong: #D2CCC0;
  --color-ring: #8A3B23;
  --color-link: #8A3B23;
  --color-link-hover: #6E2E1B;
  --color-success: #4A6B3F;
  --color-success-subtle: #E6EFE3;
  --color-warning: #B7791F;
  --color-warning-subtle: #FBF0D9;
  --color-destructive: #B3261E;
  --color-destructive-hover: #8F1E18;
  --color-destructive-subtle: #FCE4E1;
  --color-destructive-foreground: #FFFFFF;
  --color-info: #3B4C7A;
  --color-info-subtle: #E4E8F2;
  --color-price: #1A1A18;
  --color-price-sale: #8A3B23;
  --color-price-was: #A8A297;
  --typography-font-display: "Fraunces", "Playfair Display", Georgia, serif;
  --typography-font-heading: "Fraunces", "Playfair Display", Georgia, serif;
  --typography-font-body: "Inter", "Neue Montreal", -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-font-ui: "Inter", "Neue Montreal", -apple-system, BlinkMacSystemFont, sans-serif;
  --typography-display: clamp(3.25rem, 2.2rem + 5vw, 5.5rem);
  --typography-h1: clamp(2.75rem, 2rem + 3.5vw, 4rem);
  --typography-h2: clamp(2.25rem, 1.7rem + 2.4vw, 3rem);
  --typography-h3: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);
  --typography-h4: 1.5rem;
  --typography-h5: 1.25rem;
  --typography-lead: 1.125rem;
  --typography-body: 1rem;
  --typography-small: 0.875rem;
  --typography-caption: 0.75rem;
  --typography-eyebrow: 0.75rem;
  --typography-heading-weight: 400;
  --typography-body-weight: 400;
  --typography-heading-leading: 1.2;
  --typography-display-leading: 1.05;
  --typography-body-leading: 1.65;
  --typography-heading-tracking: -0.02em;
  --typography-eyebrow-tracking: 0.14em;
  --spacing-inline: 0.5rem;
  --spacing-component: 1rem;
  --spacing-stack: 1.5rem;
  --spacing-block: 3rem;
  --spacing-section: clamp(4rem, 3rem + 5vw, 8rem);
  --spacing-gutter: clamp(1.25rem, 1rem + 2vw, 2.5rem);
  --radius-control: 4px;
  --radius-surface: 4px;
  --radius-pill: 9999px;
  --motion-hover: 150ms;
  --motion-enter: 220ms;
  --motion-reveal: 400ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
}

/* === COMPONENTS === */
:root {
  --button-bg: #8A3B23;
  --button-fg: #FFFFFF;
  --button-hover-bg: #6E2E1B;
  --button-active-bg: #522215;
  --button-secondary-bg: #1A1A18;
  --button-secondary-fg: #FAF8F4;
  --button-outline-border: #1A1A18;
  --button-disabled-bg: #E4DFD5;
  --button-disabled-fg: #A8A297;
  --button-font: "Inter", "Neue Montreal", -apple-system, BlinkMacSystemFont, sans-serif;
  --button-font-size: 0.95rem;
  --button-font-weight: 500;
  --button-tracking: 0;
  --button-height: 2.75rem;
  --button-height-sm: 2.25rem;
  --button-height-lg: 3.25rem;
  --button-padding-x: 1.75rem;
  --button-padding-y: 0.875rem;
  --button-radius: 4px;
  --button-shadow: none;
  --button-focus-ring: 0 0 0 3px rgb(138 59 35 / 0.30);
  --input-bg: #FFFFFF;
  --input-fg: #1A1A18;
  --input-placeholder: #6F6B63;
  --input-border: #E4DFD5;
  --input-hover-border: #D2CCC0;
  --input-focus-border: #8A3B23;
  --input-focus-ring: 0 0 0 3px rgb(138 59 35 / 0.30);
  --input-error-border: #B3261E;
  --input-height: 2.75rem;
  --input-padding-x: 1rem;
  --input-padding-y: 0.75rem;
  --input-radius: 4px;
  --input-font-size: 1rem;
  --input-label-size: 0.875rem;
  --input-label-fg: #1A1A18;
  --input-help-fg: #6F6B63;
  --card-bg: #FFFFFF;
  --card-fg: #1A1A18;
  --card-border: #E4DFD5;
  --card-shadow: none;
  --card-hover-shadow: 0 4px 12px -2px rgb(26 26 24 / 0.10), 0 2px 4px -2px rgb(26 26 24 / 0.06);
  --card-padding: 1.5rem;
  --card-radius: 4px;
  --product-card-bg: transparent;
  --product-card-media-bg: #F1EDE6;
  --product-card-media-ratio: 3 / 4;
  --product-card-media-radius: 4px;
  --product-card-title-font: "Fraunces", "Playfair Display", Georgia, serif;
  --product-card-title-size: 1.125rem;
  --product-card-title-fg: #1A1A18;
  --product-card-meta-fg: #6F6B63;
  --product-card-price-fg: #1A1A18;
  --product-card-sale-fg: #8A3B23;
  --product-card-was-fg: #A8A297;
  --product-card-gap: 0.75rem;
  --product-card-hover-scale: 1.03;
  --badge-bg: #8A3B23;
  --badge-fg: #FFFFFF;
  --badge-neutral-bg: #F1EDE6;
  --badge-neutral-fg: #1A1A18;
  --badge-success-bg: #E6EFE3;
  --badge-success-fg: #3A5531;
  --badge-font-size: 0.75rem;
  --badge-font-weight: 500;
  --badge-tracking: 0.08em;
  --badge-padding-x: 0.5rem;
  --badge-padding-y: 0.25rem;
  --badge-radius: 2px;
  --nav-bg: #FAF8F4;
  --nav-fg: #1A1A18;
  --nav-hover-fg: #8A3B23;
  --nav-active-fg: #8A3B23;
  --nav-border: #E4DFD5;
  --nav-height: 4.5rem;
  --nav-font-size: 0.95rem;
  --nav-font-weight: 500;
  --nav-tracking: 0.08em;
  --nav-gap: 2rem;
  --link-fg: #8A3B23;
  --link-hover-fg: #6E2E1B;
  --link-underline-offset: 0.2em;
  --toast-bg: #1A1A18;
  --toast-fg: #FAF8F4;
  --toast-radius: 4px;
  --toast-shadow: 0 16px 32px -8px rgb(26 26 24 / 0.16), 0 4px 8px -4px rgb(26 26 24 / 0.06);
  --footer-bg: #1A1A18;
  --footer-fg: #E4DFD5;
  --footer-heading-fg: #FAF8F4;
  --footer-link-hover-fg: #E0A58A;
  --footer-border: #2A2926;
}

/* === DARK MODE === */
.dark {
  --color-background: #0F0F0E;
  --color-background-elevated: #1A1A18;
  --color-background-subtle: #1A1A18;
  --color-foreground: #FAF8F4;
  --color-primary: #C98B6E;
  --color-primary-hover: #E0A58A;
  --color-primary-active: #EBC8B8;
  --color-primary-foreground: #0F0F0E;
  --color-primary-subtle: #240C07;
  --color-secondary: #FAF8F4;
  --color-secondary-hover: #E4DFD5;
  --color-secondary-foreground: #1A1A18;
  --color-muted-foreground: #A8A297;
  --color-border: #2A2926;
  --color-border-strong: #3F3D38;
  --color-ring: #C98B6E;
  --color-link: #E0A58A;
  --color-link-hover: #EBC8B8;
  --color-price: #FAF8F4;
  --color-price-sale: #E0A58A;
  --color-price-was: #6F6B63;
}