/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-terracotta-50: #FDF3F0;
  --primitive-color-terracotta-100: #FADFD8;
  --primitive-color-terracotta-200: #F2B8AA;
  --primitive-color-terracotta-300: #E78A74;
  --primitive-color-terracotta-400: #DC5F45;
  --primitive-color-terracotta-500: #CF4328;
  --primitive-color-terracotta-600: #B43720;
  --primitive-color-terracotta-700: #8F2C19;
  --primitive-color-terracotta-800: #6B2113;
  --primitive-color-terracotta-900: #3A1C14;
  --primitive-color-rose-50: #FFF8F6;
  --primitive-color-rose-100: #FBDEE4;
  --primitive-color-rose-200: #F6B0BF;
  --primitive-color-rose-300: #E88C9A;
  --primitive-color-rose-400: #D46A7C;
  --primitive-color-rose-500: #C24E62;
  --primitive-color-neutral-0: #FFFFFF;
  --primitive-color-neutral-50: #FFF8F6;
  --primitive-color-neutral-100: #FBDEE4;
  --primitive-color-neutral-200: #F0D0D6;
  --primitive-color-neutral-300: #D4B4BA;
  --primitive-color-neutral-400: #A88782;
  --primitive-color-neutral-500: #5C3F3A;
  --primitive-color-neutral-700: #3A1C14;
  --primitive-color-neutral-900: #1C1412;
  --primitive-color-neutral-950: #120C0B;
  --primitive-color-success-600: #17643A;
  --primitive-color-danger-600: #B42318;
  --primitive-fontFamily-arabic: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  --primitive-fontFamily-latin: "IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif;
  --primitive-fontFamily-heading: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  --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: 1.875rem;
  --primitive-fontSize-4xl: 2.25rem;
  --primitive-fontSize-5xl: 3rem;
  --primitive-fontSize-display: clamp(2.4rem, 6vw, 4.4rem);
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-medium: 500;
  --primitive-fontWeight-semibold: 600;
  --primitive-fontWeight-bold: 700;
  --primitive-lineHeight-tight: 1.2;
  --primitive-lineHeight-snug: 1.35;
  --primitive-lineHeight-body: 1.6;
  --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-radius-sm: 10px;
  --primitive-radius-md: 16px;
  --primitive-radius-lg: 24px;
  --primitive-radius-full: 999px;
  --primitive-shadow-sm: 0 1px 2px rgba(28, 20, 18, 0.06);
  --primitive-shadow-md: 0 8px 24px rgba(207, 67, 40, 0.1);
  --primitive-shadow-lg: 0 18px 40px rgba(207, 67, 40, 0.14);
  --primitive-duration-fast: 150ms;
  --primitive-duration-normal: 180ms;
  --primitive-duration-slow: 300ms;
  --primitive-size-touch: 44px;
  --primitive-size-control: 48px;
  --primitive-size-header: 96px;
  --primitive-size-content: 1120px;
}

/* === SEMANTIC === */
:root {
  --color-background: #FFF8F6;
  --color-foreground: #1C1412;
  --color-primary: #CF4328;
  --color-primary-hover: #B43720;
  --color-primary-foreground: #FFFFFF;
  --color-secondary: #F6B0BF;
  --color-secondary-foreground: #1C1412;
  --color-accent: #CF4328;
  --color-accent-foreground: #FFFFFF;
  --color-muted: #FBDEE4;
  --color-muted-foreground: #5C3F3A;
  --color-card: #FFFFFF;
  --color-card-foreground: #1C1412;
  --color-border: #F0D0D6;
  --color-ring: #CF4328;
  --color-destructive: #B42318;
  --color-destructive-foreground: #FFFFFF;
  --color-success: #17643A;
  --fontFamily-body: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  --fontFamily-heading: "IBM Plex Sans Arabic", "IBM Plex Sans", sans-serif;
  --fontFamily-latin: "IBM Plex Sans", "IBM Plex Sans Arabic", sans-serif;
  --spacing-component: 1rem;
  --spacing-section: 4rem;
}

/* === COMPONENTS === */
:root {
  --button-bg: #CF4328;
  --button-fg: #FFFFFF;
  --button-hover-bg: #B43720;
  --button-padding-x: 1.25rem;
  --button-padding-y: 0.75rem;
  --button-radius: 999px;
  --button-min-height: 48px;
  --button-font-weight: 600;
  --button-light-bg: #FFFFFF;
  --button-light-fg: #CF4328;
  --button-ghost-bg: transparent;
  --button-ghost-fg: #FFFFFF;
  --button-ghost-border: rgba(255, 255, 255, 0.55);
  --input-bg: #FFFFFF;
  --input-border: #F0D0D6;
  --input-fg: #1C1412;
  --input-focus-ring: #CF4328;
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.7rem;
  --input-radius: 10px;
  --input-min-height: 48px;
  --card-bg: #FFFFFF;
  --card-border: #F0D0D6;
  --card-shadow: 0 1px 2px rgba(28, 20, 18, 0.06);
  --card-hover-shadow: 0 8px 24px rgba(207, 67, 40, 0.1);
  --card-padding: 1.25rem;
  --card-radius: 24px;
  --header-height: 96px;
  --header-bg: rgba(255, 248, 246, 0.92);
  --header-border: #F0D0D6;
}