/* Paleta: sursa unică de culoare pentru admin și manifolio.com.
   Fișierul e identic în apps/admin/src/styles/palette.css și apps/site/public/assets/palette.css (test: palette.test.ts).
   :root e aspectul de sticlă (v2, docs/design-v2/AUDIT-CULORI.md, păstrat sub ?look=v2). Implicit e v3, „hârtie și
   cerneală” (docs/design-v3/RAPORT-CULORI.md): <html data-paper data-accent="pine|vermilion|ink">, mai jos. */
:root {
  /* marca: un singur portocaliu, un singur roz de capăt */
  --p-brand-50: #FFF7ED;
  --p-brand-100: #FFEDD5;
  --p-brand-200: #FED7AA;
  --p-brand-300: #FDBA74;
  --p-brand-400: #FB923C;
  --p-brand: #F97316;
  --p-brand-600: #EA580C;
  --p-brand-700: #C2410C;
  --p-brand-800: #9A3412;
  --p-brand-900: #7C2D12;
  --p-rose-300: #FB7185;
  --p-rose: #DB2777;
  --p-rose-ink: #BE185D;
  --p-amber: #FBBF24;
  --p-brand-rgb: 249, 115, 22;

  --p-grad-brand: linear-gradient(120deg, #FDBA74, #F97316 45%, #FB7185);
  --p-grad-ink: linear-gradient(120deg, #EA580C 0%, #D9480F 40%, #C2410C 70%, #BE185D 100%);
  --p-grad-tile: linear-gradient(170deg, #FDBA74 -20%, #F97316 45%, #EA580C);
  /* butonul principal: alb pe el 4,6 sus, 5,2 la mijloc, 6,6 jos */
  --p-grad-btn: linear-gradient(180deg, #CC4A0E 0%, #C2410C 52%, #A8360B 100%);
  --p-grad-danger: linear-gradient(180deg, #C8313E 0%, #B42330 55%, #9C1C29 100%);

  /* cerneala: piatră caldă */
  --p-ink-1: #1C1917;
  --p-ink-2: #292524;
  --p-ink-3: #57534E;
  --p-ink-4: #6B635C;
  --p-ink-mesh: #44403C;
  --p-ink-muted: #A8A29E;
  --p-shade: 87, 52, 24;

  /* suprafețe */
  --p-frame: #FFF1E4;
  --p-glass: rgba(255, 255, 255, .5);
  --p-glass-hi: rgba(255, 255, 255, .74);
  --p-glass-chip: rgba(255, 255, 255, .7);
  --p-glass-solid: #FFFCF9;
  --p-well: rgba(255, 252, 249, .62);
  --p-tint: rgba(255, 237, 213, .6);
  --p-line: rgba(87, 52, 24, .1);
  --p-line-strong: rgba(87, 52, 24, .18);
  --p-track: rgba(87, 52, 24, .08);

  /* stări: calde, nu neon */
  --p-success: #2E9E6B;
  --p-success-ink: #17694A;
  --p-success-bg: #E5F3EA;
  --p-success-line: #BFE3CD;
  --p-success-on-dark: #8FD9B4;
  --p-warn: #D98A06;
  --p-warn-ink: #92400E;
  --p-warn-bg: #FFF3D6;
  --p-warn-line: #FCE1A4;
  --p-danger: #C8313E;
  --p-danger-ink: #B42330;
  --p-danger-bg: #FDECEC;
  --p-danger-line: #F7C9CC;
  --p-info: #4A8CCB;
  --p-info-ink: #285E8A;
  --p-info-bg: #E6EFF8;

  /* grafice: o scară caldă și categoriile, cu contra-tonurile reci ale plasei */
  --p-seq-1: #FFEDD5;
  --p-seq-2: #FED7AA;
  --p-seq-3: #FDBA74;
  --p-seq-4: #FB923C;
  --p-seq-5: #EA580C;
  --p-seq-6: #9A3412;
  --p-cat-1: #EA580C;
  --p-cat-2: #DB2777;
  --p-cat-3: #7C5CD6;
  --p-cat-4: #3A8DC4;
  --p-cat-5: #D99A06;
  --p-cat-6: #2A9D7F;
  --p-grad-bar: linear-gradient(180deg, #FDBA74 0%, #FB923C 22%, #F97316 48%, #EA580C 74%, #DB2777 140%);
  --p-grad-hbar: linear-gradient(90deg, #FDBA74, #F97316 45%, #EA580C 80%, #DB2777 130%);

  /* focus, legături, selecție */
  --p-focus: #EA580C;
  --p-focus-ring: 0 0 0 4px rgba(251, 146, 60, .18);
  --p-link: #C2410C;
  --p-link-hover: #9A3412;
  --p-selection: rgba(251, 146, 60, .26);

  /* plăcile închise: prună-cerneală caldă, cu lumina mărcii în colțuri */
  --p-dark: #24131D;
  --p-dark-hi: #2E1825;
  --p-dark-lo: #170C13;
  --p-dark-ink-2: #C9B3BF;
  --p-dark-line: rgba(255, 255, 255, .1);
  --p-dark-track: rgba(255, 255, 255, .14);
  --p-dark-glass: rgba(36, 19, 29, .84);
  --p-dark-slab: radial-gradient(70% 90% at 100% 0%, rgba(234, 88, 12, .3), rgba(234, 88, 12, 0) 60%), radial-gradient(60% 80% at 0% 100%, rgba(219, 39, 119, .2), rgba(219, 39, 119, 0) 60%), linear-gradient(180deg, #2E1825 0%, #170C13 100%);
  --p-dark-sh: 0 30px 60px -30px rgba(46, 18, 33, .55), 0 10px 24px -12px rgba(46, 18, 33, .3);

  /* cod */
  --p-code-bg: #1E1119;
  --p-code-text: #F6ECEF;
  --p-code-nums: #8C7180;
  --p-code-comment: #A48D99;
  --p-code-key: #FB923C;
  --p-code-str: #FCD9B6;
  --p-code-num: #FDBA74;
  --p-code-type: #FED7AA;
  --p-code-attr: #F5C49B;
  --p-code-punct: #B9A2AE;

  /* dalele cu iconiță (glifele): gradient de sus în jos, muchie albă sus, umbra în tonul lor; iconița albă */
  --p-tile-orange: linear-gradient(170deg, #FDBA74 -20%, #F97316 45%, #EA580C);
  --p-tile-rose: linear-gradient(170deg, #FDA4AF -20%, #F43F5E 45%, #DB2777);
  --p-tile-amber: linear-gradient(170deg, #FDE68A -30%, #F59E0B 40%, #C2700A);
  --p-tile-violet: linear-gradient(170deg, #C4B5FD -20%, #8B5CF6 45%, #6D4FC7);
  --p-tile-sky: linear-gradient(170deg, #BAE6FD -20%, #38A3E0 45%, #2F78AE);
  --p-tile-teal: linear-gradient(170deg, #99F6E4 -30%, #26B596 40%, #1F7A63);
  --p-tile-ink: linear-gradient(170deg, #57534E, #1C1917);
  --p-tile-rim: inset 0 1px 0 rgba(255, 255, 255, .42), inset 0 -1px 0 rgba(0, 0, 0, .08);

  /* siglele clienților (alb pe ele, AA) */
  --p-logo-1: #C2410C;
  --p-logo-2: #1F7A63;
  --p-logo-3: #285E8A;
  --p-logo-4: #5B3FA8;
  --p-logo-5: #2E1825;

  /* avatare: perechi fond / text, toate AA */
  --p-av-1-bg: #FFE6CF; --p-av-1-fg: #9A3412;
  --p-av-2-bg: #2E1825; --p-av-2-fg: #FDBA74;
  --p-av-3-bg: #FCE4EC; --p-av-3-fg: #9D174D;
  --p-av-4-bg: #FFF8F1; --p-av-4-fg: #292524;
  --p-av-5-bg: #FDF0C8; --p-av-5-fg: #854D0E;
  --p-av-6-bg: #EDE7FB; --p-av-6-fg: #5B3FA8;
  --p-av-7-bg: #E3EEF8; --p-av-7-fg: #285E8A;
}

/* ── v3: hârtie și cerneală, o singură culoare a noastră ──
   Jetoanele v2 de mai sus se releagă aici, ca regulile vechi să ia singure cerneala și accentul.
   Contrastele (palette.test.ts le recalculează): cerneala 16,6 pe hârtie, --p-ink-4 5,4; accentul de text ≥ 5,4 pe hârtie,
   cel de pe placa închisă ≥ 7,3; accentul plin ≥ 3 (linii, puncte, inelul de focus). */
:root[data-paper] {
  --p-paper: #F8F6F2;
  --p-paper-sunk: #F0EDE7;
  --p-card: #FFFFFF;
  --p-rule: rgba(25, 23, 20, .1);
  --p-rule-strong: rgba(25, 23, 20, .16);
  --p-display: "Fraunces Display", "Fraunces Fallback", Georgia, serif;

  /* accentul implicit: pin închis, calm, editorial */
  --p-accent: #1F5C4A;
  --p-accent-ink: #1F5C4A;
  --p-accent-deep: #154335;
  --p-accent-on-dark: #7CC7AB;
  --p-accent-50: #F2F5F4;
  --p-accent-100: #E9EFED;
  --p-accent-200: #BCCEC9;
  --p-accent-300: #8FAEA5;
  --p-accent-rgb: 31, 92, 74;

  --p-brand-50: var(--p-accent-50);
  --p-brand-100: var(--p-accent-100);
  --p-brand-200: var(--p-accent-200);
  --p-brand-300: var(--p-accent-on-dark);
  --p-brand-400: var(--p-accent);
  --p-brand: var(--p-accent);
  --p-brand-600: var(--p-accent);
  --p-brand-700: var(--p-accent-ink);
  --p-brand-800: var(--p-accent-deep);
  --p-brand-900: var(--p-accent-deep);
  --p-rose-300: var(--p-accent-200);
  --p-rose: var(--p-accent-ink);
  --p-rose-ink: var(--p-accent-ink);
  --p-amber: var(--p-warn);
  --p-brand-rgb: var(--p-accent-rgb);

  /* fără gradiente: aceleași jetoane, o singură culoare (rămân <image> pentru regulile care le folosesc ca fond) */
  --p-grad-brand: linear-gradient(var(--p-accent), var(--p-accent));
  --p-grad-ink: linear-gradient(var(--p-accent-ink), var(--p-accent-ink));
  --p-grad-tile: linear-gradient(var(--p-paper-sunk), var(--p-paper-sunk));
  --p-grad-btn: linear-gradient(var(--p-ink-1), var(--p-ink-1));
  --p-grad-danger: linear-gradient(var(--p-danger-ink), var(--p-danger-ink));

  --p-ink-1: #191714;
  --p-ink-2: #34302B;
  --p-ink-3: #5E5850;
  --p-ink-4: #6B645B;
  --p-ink-mesh: #34302B;
  --p-ink-muted: #A39C92;
  --p-shade: 25, 23, 20;

  --p-frame: var(--p-paper);
  --p-glass: rgba(255, 255, 255, .78);
  --p-glass-hi: rgba(255, 255, 255, .9);
  --p-glass-chip: #FFFFFF;
  --p-glass-solid: #FFFFFF;
  --p-well: var(--p-paper-sunk);
  --p-tint: var(--p-accent-50);
  --p-line: var(--p-rule);
  --p-line-strong: var(--p-rule-strong);
  --p-track: rgba(25, 23, 20, .07);

  /* stările: aceleași roluri, mai stinse */
  --p-success: #3B7A57;
  --p-success-ink: #2F6347;
  --p-success-bg: #EDF3EE;
  --p-success-line: #CFE0D3;
  --p-success-on-dark: #9FD0B5;
  --p-warn: #B07514;
  --p-warn-ink: #85540C;
  --p-warn-bg: #F7F0E1;
  --p-warn-line: #EADBB8;
  --p-danger: #B4423A;
  --p-danger-ink: #9A3029;
  --p-danger-bg: #F8EDEB;
  --p-danger-line: #EBCBC7;
  --p-info: #3E6B91;
  --p-info-ink: #2E5475;
  --p-info-bg: #ECF1F5;

  /* grafice: scara accentului și griul hârtiei */
  --p-seq-1: var(--p-accent-50);
  --p-seq-2: var(--p-accent-100);
  --p-seq-3: var(--p-accent-200);
  --p-seq-4: var(--p-accent-300);
  --p-seq-5: var(--p-accent);
  --p-seq-6: var(--p-accent-deep);
  --p-cat-1: var(--p-accent);
  --p-cat-2: #5E5850;
  --p-cat-3: var(--p-accent-300);
  --p-cat-4: #A39C92;
  --p-cat-5: var(--p-accent-deep);
  --p-cat-6: #CFC9BF;
  --p-grad-bar: linear-gradient(var(--p-accent), var(--p-accent));
  --p-grad-hbar: linear-gradient(var(--p-accent), var(--p-accent));

  --p-focus: var(--p-accent);
  --p-focus-ring: 0 0 0 3px rgba(var(--p-accent-rgb), .26);
  --p-link: var(--p-accent-ink);
  --p-link-hover: var(--p-accent-deep);
  --p-selection: rgba(var(--p-accent-rgb), .18);

  /* placa închisă: cerneală plată, fără lumini în colțuri */
  --p-dark: #1C1915;
  --p-dark-hi: #26221E;
  --p-dark-lo: #141210;
  --p-dark-ink-2: #B8B0A5;
  --p-dark-line: rgba(255, 255, 255, .1);
  --p-dark-track: rgba(255, 255, 255, .12);
  --p-dark-glass: rgba(28, 25, 21, .9);
  --p-dark-slab: linear-gradient(#1C1915, #1C1915);
  --p-dark-sh: 0 24px 48px -28px rgba(25, 23, 20, .45);

  --p-code-bg: #161412;
  --p-code-text: #EDE8E0;
  --p-code-nums: #8C857B;
  --p-code-comment: #8C857B;
  --p-code-key: var(--p-accent-on-dark);
  --p-code-str: #D9CBB5;
  --p-code-num: var(--p-accent-on-dark);
  --p-code-type: #F3F0EA;
  --p-code-attr: #CFC4B4;
  --p-code-punct: #A8A096;

  /* dalele: glif închis pe hârtia adâncită, fără gradient și fără umbră colorată */
  --p-tile-orange: linear-gradient(var(--p-paper-sunk), var(--p-paper-sunk));
  --p-tile-rose: var(--p-tile-orange);
  --p-tile-amber: var(--p-tile-orange);
  --p-tile-violet: var(--p-tile-orange);
  --p-tile-sky: var(--p-tile-orange);
  --p-tile-teal: var(--p-tile-orange);
  --p-tile-ink: linear-gradient(var(--p-ink-1), var(--p-ink-1));
  --p-tile-rim: inset 0 0 0 1px var(--p-rule);

  --p-logo-1: var(--p-accent-ink);
  --p-logo-2: #2F5D4E;
  --p-logo-3: #2E5475;
  --p-logo-4: #4F4A6B;
  --p-logo-5: #1C1915;

  --p-av-1-bg: var(--p-accent-100); --p-av-1-fg: var(--p-accent-deep);
  --p-av-2-bg: #1C1915; --p-av-2-fg: #F3F0EA;
  --p-av-3-bg: #ECE8E1; --p-av-3-fg: #34302B;
  --p-av-4-bg: #FFFFFF; --p-av-4-fg: #34302B;
  --p-av-5-bg: #F2EEE6; --p-av-5-fg: #5E5850;
  --p-av-6-bg: #E8E4DC; --p-av-6-fg: #34302B;
  --p-av-7-bg: #F0EDE7; --p-av-7-fg: #4A453E;
}
/* vermilion ars: în familia mărcii de până acum */
:root[data-paper][data-accent="vermilion"] {
  --p-accent: #D4441C;
  --p-accent-ink: #B53914;
  --p-accent-deep: #8F2D10;
  --p-accent-on-dark: #FF8661;
  --p-accent-50: #FCF4F1;
  --p-accent-100: #FBECE8;
  --p-accent-200: #F2C7BB;
  --p-accent-300: #EAA28E;
  --p-accent-rgb: 212, 68, 28;
}
/* albastru de cerneală: tehnic, clar */
:root[data-paper][data-accent="ink"] {
  --p-accent: #2340D8;
  --p-accent-ink: #2340D8;
  --p-accent-deep: #1A30A6;
  --p-accent-on-dark: #93A6FF;
  --p-accent-50: #F2F4FD;
  --p-accent-100: #E9ECFB;
  --p-accent-200: #BDC6F3;
  --p-accent-300: #91A0EC;
  --p-accent-rgb: 35, 64, 216;
}

/* Mișcarea v3: 4 durate, 3 curbe (docs/design-v3/MISCARE-V3.md). Sub v3, --d-* și --ease-* trec pe ele. */
:root[data-paper] {
  --m-1: 150ms; --m-2: 220ms; --m-3: 320ms; --m-4: 720ms;
  --m-out: cubic-bezier(.22, 1, .36, 1); --m-move: cubic-bezier(.65, 0, .35, 1);
  /* resortul k 520, c 34, m .8 (spring.menu), eșantionat: +0,8% */
  --m-spring: linear(0, .051, .16, .293, .429, .559, .668, .758, .83, .888, .929, .958, .978, .992, 1, 1.005, 1.007, 1.008, 1.008, 1.007, 1.006, 1.004, 1.002, 1);
  --m-step: 40ms; --m-step-site: 70ms; --m-rise: 8px; --m-rise-site: 14px; --m-rise-media: 16px; --m-press: .98;
  --d-press: var(--m-1); --d-hover: var(--m-1); --d-menu: var(--m-2); --d-panel: var(--m-3);
  --d-sheet: var(--m-3); --d-enter: var(--m-3); --d-chart: var(--m-4); --d-count: var(--m-4);
  --ease-out: var(--m-out); --ease-in-out: var(--m-move); --ease-in: var(--m-move); --ease-pop: var(--m-spring);
}