/*
 * Generato da @bucklet/tokens a partire da docs/design/tokens.json.
 * Non modificare a mano: le modifiche si perdono alla prossima generazione.
 */

:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-48: 48px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --easing-enter: cubic-bezier(0.2, 0, 0, 1);
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --easing-linear: linear;
  --font-family: 'Geist', 'Inter', 'Helvetica Neue', 'Arial', sans-serif;
  --font-feature-settings: 'tnum' 1;
  --type-screen-title-size: 24px;
  --type-screen-title-weight: 700;
  --type-screen-title-line-height: 1.2;
  --type-screen-title-tracking: -0.01em;
  --type-big-number-size: 36px;
  --type-big-number-weight: 700;
  --type-big-number-line-height: 1.1;
  --type-big-number-tracking: -0.02em;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-line-height: 1.4;
  --type-label-size: 14px;
  --type-label-weight: 500;
  --type-label-line-height: 1.3;
  --type-caption-size: 12px;
  --type-caption-weight: 400;
  --type-caption-line-height: 1.3;
}

:root {
  --color-background: #F2F2F4;
  --color-surface: #FFFFFF;
  --color-surface-raised: #E9E9EE;
  --color-border: #DFDFE5;
  --color-text-primary: #131316;
  --color-text-secondary: #55555E;
  --color-text-muted: #66666F;
  --color-accent: #C43111;
  --color-accent-foreground: #FFFFFF;
  --color-accent-soft: #FCE7E1;
  --color-positive: #116E44;
  --color-positive-soft: #D9F3E5;
  --color-negative: #C0175C;
  --color-negative-soft: #FBDDE9;
  --color-warning: #8F5A00;
  --color-warning-soft: #FBEBCB;
  --color-info: #3F5FB5;
  --color-focus: #131316;
  --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
  --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='bottiglia'][data-mode='light'] {
  --color-background: #F0EDE4;
  --color-surface: #FBFAF6;
  --color-surface-raised: #E4E0D4;
  --color-border: #D8D3C6;
  --color-text-primary: #12201D;
  --color-text-secondary: #4B5754;
  --color-text-muted: #55615E;
  --color-accent: #004741;
  --color-accent-foreground: #F0EDE4;
  --color-accent-soft: #D3E4DE;
  --color-positive: #266F26;
  --color-positive-soft: #DFF2DA;
  --color-negative: #B5302A;
  --color-negative-soft: #F8DEDB;
  --color-warning: #8A5700;
  --color-warning-soft: #F7E7C6;
  --color-info: #3D5C9E;
  --color-focus: #004741;
  --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
  --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='bottiglia'][data-mode='dark'] {
  --color-background: #121413;
  --color-surface: #1B1E1D;
  --color-surface-raised: #262A28;
  --color-border: #343937;
  --color-text-primary: #F0EDE4;
  --color-text-secondary: #C0C6C2;
  --color-text-muted: #98A09C;
  --color-accent: #6FD3BC;
  --color-accent-foreground: #062E2A;
  --color-accent-soft: #173B35;
  --color-positive: #7EDB8C;
  --color-positive-soft: #164A2C;
  --color-negative: #FF8A7E;
  --color-negative-soft: #5A2622;
  --color-warning: #F2C36B;
  --color-warning-soft: #4A3A12;
  --color-info: #9DBDFF;
  --color-focus: #C9F3E9;
  --shadow-card: none;
  --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='corallo'][data-mode='light'] {
  --color-background: #F2F2F4;
  --color-surface: #FFFFFF;
  --color-surface-raised: #E9E9EE;
  --color-border: #DFDFE5;
  --color-text-primary: #131316;
  --color-text-secondary: #55555E;
  --color-text-muted: #66666F;
  --color-accent: #C43111;
  --color-accent-foreground: #FFFFFF;
  --color-accent-soft: #FCE7E1;
  --color-positive: #116E44;
  --color-positive-soft: #D9F3E5;
  --color-negative: #C0175C;
  --color-negative-soft: #FBDDE9;
  --color-warning: #8F5A00;
  --color-warning-soft: #FBEBCB;
  --color-info: #3F5FB5;
  --color-focus: #131316;
  --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
  --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='corallo'][data-mode='dark'] {
  --color-background: #0F0F12;
  --color-surface: #18181D;
  --color-surface-raised: #232329;
  --color-border: #30303A;
  --color-text-primary: #F4F4F6;
  --color-text-secondary: #B3B3BD;
  --color-text-muted: #8E8E99;
  --color-accent: #FF7A55;
  --color-accent-foreground: #1A0A05;
  --color-accent-soft: #3B1A11;
  --color-positive: #4FD08C;
  --color-positive-soft: #123625;
  --color-negative: #FF6FA6;
  --color-negative-soft: #3F1428;
  --color-warning: #F0B14A;
  --color-warning-soft: #3B2A0E;
  --color-info: #8FA6FF;
  --color-focus: #FFB39F;
  --shadow-card: none;
  --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='prugna'][data-mode='light'] {
  --color-background: #F3F0F4;
  --color-surface: #FFFFFF;
  --color-surface-raised: #E9E5EC;
  --color-border: #DED9E3;
  --color-text-primary: #181320;
  --color-text-secondary: #585366;
  --color-text-muted: #6A6577;
  --color-accent: #6E2FA8;
  --color-accent-foreground: #FFFFFF;
  --color-accent-soft: #ECE3F7;
  --color-positive: #116E44;
  --color-positive-soft: #D9F3E5;
  --color-negative: #C21F3A;
  --color-negative-soft: #FBE0E4;
  --color-warning: #8F5A00;
  --color-warning-soft: #FBEBCB;
  --color-info: #3F5FB5;
  --color-focus: #161320;
  --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
  --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

:root[data-theme='prugna'][data-mode='dark'] {
  --color-background: #120F16;
  --color-surface: #1B1622;
  --color-surface-raised: #262030;
  --color-border: #362E42;
  --color-text-primary: #F4F2F8;
  --color-text-secondary: #B5B0C2;
  --color-text-muted: #8F8A9E;
  --color-accent: #CFA6F5;
  --color-accent-foreground: #1A0B2E;
  --color-accent-soft: #31244A;
  --color-positive: #4FD08C;
  --color-positive-soft: #123625;
  --color-negative: #FF6F84;
  --color-negative-soft: #3F161C;
  --color-warning: #F0B14A;
  --color-warning-soft: #3B2A0E;
  --color-info: #9BB0D8;
  --color-focus: #D6C7FF;
  --shadow-card: none;
  --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
  --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
}

@media (prefers-color-scheme: light) {
  :root[data-theme='bottiglia'][data-mode='system'] {
    --color-background: #F0EDE4;
    --color-surface: #FBFAF6;
    --color-surface-raised: #E4E0D4;
    --color-border: #D8D3C6;
    --color-text-primary: #12201D;
    --color-text-secondary: #4B5754;
    --color-text-muted: #55615E;
    --color-accent: #004741;
    --color-accent-foreground: #F0EDE4;
    --color-accent-soft: #D3E4DE;
    --color-positive: #266F26;
    --color-positive-soft: #DFF2DA;
    --color-negative: #B5302A;
    --color-negative-soft: #F8DEDB;
    --color-warning: #8A5700;
    --color-warning-soft: #F7E7C6;
    --color-info: #3D5C9E;
    --color-focus: #004741;
    --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
    --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
  :root[data-theme='corallo'][data-mode='system'] {
    --color-background: #F2F2F4;
    --color-surface: #FFFFFF;
    --color-surface-raised: #E9E9EE;
    --color-border: #DFDFE5;
    --color-text-primary: #131316;
    --color-text-secondary: #55555E;
    --color-text-muted: #66666F;
    --color-accent: #C43111;
    --color-accent-foreground: #FFFFFF;
    --color-accent-soft: #FCE7E1;
    --color-positive: #116E44;
    --color-positive-soft: #D9F3E5;
    --color-negative: #C0175C;
    --color-negative-soft: #FBDDE9;
    --color-warning: #8F5A00;
    --color-warning-soft: #FBEBCB;
    --color-info: #3F5FB5;
    --color-focus: #131316;
    --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
    --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
  :root[data-theme='prugna'][data-mode='system'] {
    --color-background: #F3F0F4;
    --color-surface: #FFFFFF;
    --color-surface-raised: #E9E5EC;
    --color-border: #DED9E3;
    --color-text-primary: #181320;
    --color-text-secondary: #585366;
    --color-text-muted: #6A6577;
    --color-accent: #6E2FA8;
    --color-accent-foreground: #FFFFFF;
    --color-accent-soft: #ECE3F7;
    --color-positive: #116E44;
    --color-positive-soft: #D9F3E5;
    --color-negative: #C21F3A;
    --color-negative-soft: #FBE0E4;
    --color-warning: #8F5A00;
    --color-warning-soft: #FBEBCB;
    --color-info: #3F5FB5;
    --color-focus: #161320;
    --shadow-card: 0 1px 2px rgba(0,0,0,.03), 0 6px 20px rgba(0,0,0,.05);
    --shadow-tabbar: 0 2px 4px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.10);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
}

@media (prefers-color-scheme: dark) {
  :root[data-theme='bottiglia'][data-mode='system'] {
    --color-background: #121413;
    --color-surface: #1B1E1D;
    --color-surface-raised: #262A28;
    --color-border: #343937;
    --color-text-primary: #F0EDE4;
    --color-text-secondary: #C0C6C2;
    --color-text-muted: #98A09C;
    --color-accent: #6FD3BC;
    --color-accent-foreground: #062E2A;
    --color-accent-soft: #173B35;
    --color-positive: #7EDB8C;
    --color-positive-soft: #164A2C;
    --color-negative: #FF8A7E;
    --color-negative-soft: #5A2622;
    --color-warning: #F2C36B;
    --color-warning-soft: #4A3A12;
    --color-info: #9DBDFF;
    --color-focus: #C9F3E9;
    --shadow-card: none;
    --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
  :root[data-theme='corallo'][data-mode='system'] {
    --color-background: #0F0F12;
    --color-surface: #18181D;
    --color-surface-raised: #232329;
    --color-border: #30303A;
    --color-text-primary: #F4F4F6;
    --color-text-secondary: #B3B3BD;
    --color-text-muted: #8E8E99;
    --color-accent: #FF7A55;
    --color-accent-foreground: #1A0A05;
    --color-accent-soft: #3B1A11;
    --color-positive: #4FD08C;
    --color-positive-soft: #123625;
    --color-negative: #FF6FA6;
    --color-negative-soft: #3F1428;
    --color-warning: #F0B14A;
    --color-warning-soft: #3B2A0E;
    --color-info: #8FA6FF;
    --color-focus: #FFB39F;
    --shadow-card: none;
    --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
  :root[data-theme='prugna'][data-mode='system'] {
    --color-background: #120F16;
    --color-surface: #1B1622;
    --color-surface-raised: #262030;
    --color-border: #362E42;
    --color-text-primary: #F4F2F8;
    --color-text-secondary: #B5B0C2;
    --color-text-muted: #8F8A9E;
    --color-accent: #CFA6F5;
    --color-accent-foreground: #1A0B2E;
    --color-accent-soft: #31244A;
    --color-positive: #4FD08C;
    --color-positive-soft: #123625;
    --color-negative: #FF6F84;
    --color-negative-soft: #3F161C;
    --color-warning: #F0B14A;
    --color-warning-soft: #3B2A0E;
    --color-info: #9BB0D8;
    --color-focus: #D6C7FF;
    --shadow-card: none;
    --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
  :root:not([data-mode]) {
    --color-background: #0F0F12;
    --color-surface: #18181D;
    --color-surface-raised: #232329;
    --color-border: #30303A;
    --color-text-primary: #F4F4F6;
    --color-text-secondary: #B3B3BD;
    --color-text-muted: #8E8E99;
    --color-accent: #FF7A55;
    --color-accent-foreground: #1A0A05;
    --color-accent-soft: #3B1A11;
    --color-positive: #4FD08C;
    --color-positive-soft: #123625;
    --color-negative: #FF6FA6;
    --color-negative-soft: #3F1428;
    --color-warning: #F0B14A;
    --color-warning-soft: #3B2A0E;
    --color-info: #8FA6FF;
    --color-focus: #FFB39F;
    --shadow-card: none;
    --shadow-tabbar: 0 12px 32px rgba(0,0,0,.4);
    --shadow-camera: 0 8px 20px rgba(0,0,0,.18);
  }
}