/* Alfarisi Perfumes brand tokens for TicFrame and existing page views. */
:root {
  --color-bg: #ffffff;
  --color-surface: #f7f4ee;
  --color-text: #33302b;
  --color-muted: color-mix(in srgb, #33302b 65%, transparent);
  --color-accent: #b8860b;
  --color-accent-2: #c9922c;
  --color-divider: color-mix(in srgb, #33302b 35%, transparent);

  --color-accent-100: #faf3e0;
  --color-accent-200: #f3e3ba;
  --color-accent-300: #e9cd88;
  --color-accent-400: #ddad48;
  --color-accent-500: #c9922c;
  --color-accent-600: #a87716;
  --color-accent-700: #855d0c;
  --color-accent-800: #5f430a;
  --color-accent-900: #3d2c0b;

  --color-accent-2-100: #faf3e0;
  --color-accent-2-200: #f3e3ba;
  --color-accent-2-300: #e9cd88;
  --color-accent-2-400: #ddad48;
  --color-accent-2-500: #c9922c;
  --color-accent-2-600: #a87716;
  --color-accent-2-700: #855d0c;
  --color-accent-2-800: #5f430a;
  --color-accent-2-900: #3d2c0b;

  --tf-color-primary: var(--color-accent-700);
  --tf-color-on-primary: #ffffff;
  --tf-color-primary-hover: var(--color-accent-800);
  --tf-color-primary-soft: var(--color-accent-100);
  --tf-color-primary-border: var(--color-accent-300);
  --tf-surface-page: var(--color-bg);
  --tf-surface-raised: var(--color-bg);
  --tf-surface-overlay: var(--color-bg);
  --tf-surface-inset: var(--color-surface);
  --tf-text-main: var(--color-text);
  --tf-text-muted: var(--color-muted);
  --tf-border-default: var(--color-divider);
  --tf-border-strong: var(--color-divider);
  --tf-focus-ring: var(--color-accent-500);

  --tf-store-bg: var(--color-bg);
  --tf-store-surface: var(--color-surface);
  --tf-store-text: var(--color-text);
  --tf-store-muted: var(--color-muted);
  --tf-store-divider: var(--color-divider);
  --tf-store-active-color: var(--color-accent-700);
  --tf-store-badge-bg: var(--color-accent);
  --tf-store-page-inline: 48px;

  --shadow-sm: 0 1px 2px color-mix(in srgb, #3d2c0b 10%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #3d2c0b 12%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #3d2c0b 18%, transparent);
}