laif-ds/dist/styles.css

Design System di Laif con componenti React basati su principi di Atomic Design

@import "tailwindcss";@import "tw-animate-css";@import "./laif-styles.css";@import "./css-for-template.css";.dark,:root{--d-radius:6px;--d-background:var(--colors--surface--background);--d-foreground:var(--colors--text--body-primary);--d-card:var(--colors--surface--primary);--d-card-foreground:var(--colors--text--body-primary);--d-popover:var(--colors--surface--primary);--d-popover-foreground:var(--colors--text--body-primary);--d-primary:var(--colors--surface--accent-primary);--d-primary-foreground:var(--colors--text--on-accent);--d-secondary:var(--colors--surface--secondary);--d-secondary-foreground:var(--colors--text--body-primary);--d-muted:var(--colors--surface--secondary);--d-muted-foreground:var(--colors--text--body-secondary);--d-accent:var(--colors--surface--tertiary);--d-accent-foreground:var(--colors--text--body-primary);--d-destructive:var(--colors--surface--danger);--d-destructive-foreground:var(--colors--text--on-danger);--d-warning:var(--colors--text--warning);--d-warning-background:var(--colors--surface--warning);--d-warning-foreground:var(--colors--text--on-warning);--d-success:var(--colors--text--success);--d-success-background:var(--colors--surface--success);--d-success-foreground:var(--colors--text--on-success);--d-border:var(--colors--border--subtle);--d-input:var(--colors--surface--primary);--d-ring:var(--colors--border--subtle);--d-chart-1:var(--colors--surface--accent-primary);--d-chart-2:var(--colors--surface--success);--d-chart-3:var(--colors--surface--warning);--d-chart-4:var(--colors--text--warning);--d-chart-5:var(--colors--surface--danger);--d-sidebar:var(--colors--surface--background);--d-sidebar-foreground:var(--colors--text--body-primary);--d-sidebar-primary:var(--colors--surface--accent-primary);--d-sidebar-primary-foreground:var(--colors--text--on-accent);--d-sidebar-accent:color-mix(in srgb,var(--colors--surface--tertiary) 40%,#0000);--d-sidebar-accent-foreground:var(--colors--text--body-primary);--d-sidebar-border:var(--colors--border--subtle);--d-sidebar-ring:var(--colors--surface--accent-primary)}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-warning:#fee6b7;--d-warning-foreground:#8f6113;--d-success:#b9f3d1;--d-success-foreground:#479766;--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-warning:#fee6b7;--d-warning-foreground:#8f6113;--d-success:#b9f3d1;--d-success-foreground:#479766;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}