/* Temi di Noi due.
   Ogni tema ridefinisce gli stessi token. "a" e "b" sono i colori delle due persone, "both" quello degli impegni insieme.
   Classico segue il tema chiaro/scuro del telefono; gli altri hanno un aspetto fisso. */

:root, [data-skin="classico"] {
  --bg:#F2F4F8; --surface:#FFFFFF; --ink:#172036; --muted:#646E87; --line:#DCE1EB; --soft:#E8ECF4;
  --a:#2766D9; --a-soft:#E2ECFC; --b:#D9436F; --b-soft:#FBE4EB; --both:#B57A05; --both-soft:#FBF0D6;
  --danger:#C23434; --scrim:rgba(14,20,36,.42); --shadow:0 10px 30px rgba(23,32,54,.14);
  --pattern:none; --bg-grad:none;
  --f-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-skin]), [data-skin="classico"] {
    --bg:#0F1320; --surface:#1A2031; --ink:#E9EDF6; --muted:#98A1B8; --line:#2B3349; --soft:#232A3E;
    --a:#6E9DFF; --a-soft:#1E2B4C; --b:#FF7CA3; --b-soft:#45202F; --both:#F2B746; --both-soft:#3E3216;
    --danger:#FF7272; --scrim:rgba(0,0,0,.6); --shadow:0 10px 30px rgba(0,0,0,.45); color-scheme:dark;
  }
}

/* ——— Per lei ——— */
[data-skin="floreale"] {
  --bg:#FFF5F7; --surface:#FFFFFF; --ink:#4A2236; --muted:#8E6577; --line:#F3D5DE; --soft:#FBE7ED;
  --a:#4E7FC4; --a-soft:#E4EDF9; --b:#D24B7C; --b-soft:#FBE1EA; --both:#B07A1C; --both-soft:#FAEED6;
  --danger:#B8323F; --scrim:rgba(74,34,54,.38); --shadow:0 10px 30px rgba(74,34,54,.14);
  --f-display:"Young Serif", Georgia, serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg opacity='.5'%3E%3Cg transform='translate(34 36)' fill='%23F4B6C8'%3E%3Ccircle cy='-9' r='7'/%3E%3Ccircle cx='8.6' cy='-2.8' r='7'/%3E%3Ccircle cx='5.3' cy='7.3' r='7'/%3E%3Ccircle cx='-5.3' cy='7.3' r='7'/%3E%3Ccircle cx='-8.6' cy='-2.8' r='7'/%3E%3Ccircle r='4.5' fill='%23F5D27E'/%3E%3C/g%3E%3Cg transform='translate(110 106) scale(.7)' fill='%23F8CDB6'%3E%3Ccircle cy='-9' r='7'/%3E%3Ccircle cx='8.6' cy='-2.8' r='7'/%3E%3Ccircle cx='5.3' cy='7.3' r='7'/%3E%3Ccircle cx='-5.3' cy='7.3' r='7'/%3E%3Ccircle cx='-8.6' cy='-2.8' r='7'/%3E%3Ccircle r='4.5' fill='%23F5D27E'/%3E%3C/g%3E%3Cg fill='%23B9D7A8'%3E%3Cellipse cx='62' cy='96' rx='4' ry='9' transform='rotate(-40 62 96)'/%3E%3Cellipse cx='118' cy='40' rx='3.5' ry='8' transform='rotate(30 118 40)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-skin="lavanda"] {
  --bg:#F6F2FB; --surface:#FFFFFF; --ink:#2F2545; --muted:#776C8E; --line:#E2D9F0; --soft:#ECE5F6;
  --a:#4766BD; --a-soft:#E3E9F8; --b:#9A50C8; --b-soft:#F0E2F8; --both:#A97B22; --both-soft:#F6EDD8;
  --danger:#B83246; --scrim:rgba(47,37,69,.4); --shadow:0 10px 30px rgba(47,37,69,.14);
  --f-display:"Young Serif", Georgia, serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='130' viewBox='0 0 120 130'%3E%3Cg opacity='.45'%3E%3Cg%3E%3Cpath d='M30 104 L30 40' stroke='%23A9C3A1' stroke-width='1.6'/%3E%3Cg fill='%23C3A8E6'%3E%3Cellipse cx='30' cy='37' rx='2.6' ry='4.6'/%3E%3Cellipse cx='26.5' cy='45' rx='3' ry='5'/%3E%3Cellipse cx='33.5' cy='51' rx='3' ry='5'/%3E%3Cellipse cx='26.5' cy='57' rx='3' ry='5'/%3E%3Cellipse cx='33.5' cy='63' rx='3' ry='5'/%3E%3Cellipse cx='26.5' cy='69' rx='3' ry='5'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(60 22)'%3E%3Cpath d='M30 104 L30 40' stroke='%23A9C3A1' stroke-width='1.6'/%3E%3Cg fill='%23D3BDEE'%3E%3Cellipse cx='30' cy='37' rx='2.6' ry='4.6'/%3E%3Cellipse cx='26.5' cy='45' rx='3' ry='5'/%3E%3Cellipse cx='33.5' cy='51' rx='3' ry='5'/%3E%3Cellipse cx='26.5' cy='57' rx='3' ry='5'/%3E%3Cellipse cx='33.5' cy='63' rx='3' ry='5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-skin="ciliegio"] {
  --bg:#FDF6F3; --surface:#FFFFFF; --ink:#3B2A2E; --muted:#86707A; --line:#F0DCDD; --soft:#F9E8E8;
  --a:#4F7699; --a-soft:#E2EBF3; --b:#D9667F; --b-soft:#FBE3E7; --both:#A97E36; --both-soft:#F6ECDA;
  --danger:#B53B3B; --scrim:rgba(59,42,46,.38); --shadow:0 10px 30px rgba(59,42,46,.13);
  --f-display:"Young Serif", Georgia, serif;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%23F3BCC8' opacity='.55'%3E%3Cpath d='M20 30c6-10 18-6 14 4-3 7-10 10-14 14-4-4-6-10 0-18z' transform='rotate(-20 25 35)'/%3E%3Cpath d='M110 50c5-8 15-5 12 3-2 6-8 9-12 12-3-3-5-8 0-15z' transform='rotate(35 115 55)'/%3E%3Cpath d='M60 120c6-10 18-6 14 4-3 7-10 10-14 14-4-4-6-10 0-18z' transform='rotate(60 65 125)'/%3E%3Cpath d='M140 130c4-7 12-4 10 3-2 5-7 7-10 10-3-3-4-7 0-13z' transform='rotate(-50 143 134)'/%3E%3Cpath d='M75 70c3-5 9-3 7 2-1 4-5 5-7 7-2-2-3-5 0-9z' transform='rotate(15 77 73)' fill='%23F7D3DA'/%3E%3C/g%3E%3C/svg%3E");
}

/* ——— Per lui ——— */
[data-skin="botanico"] {
  --bg:#EEF3EC; --surface:#FBFCF9; --ink:#1E2B22; --muted:#5D6D60; --line:#D3DECF; --soft:#E1EADD;
  --a:#2E6A4E; --a-soft:#DCEBE2; --b:#C2573C; --b-soft:#F6E2DA; --both:#9C7A1E; --both-soft:#F1EAD2;
  --danger:#B23A2C; --scrim:rgba(30,43,34,.42); --shadow:0 10px 30px rgba(30,43,34,.14);
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cg opacity='.32'%3E%3Cpath d='M28 78C6 56 16 22 52 14c6 30-2 56-24 64z' fill='%2387AE8E'/%3E%3Cpath d='M28 78C36 56 44 36 52 14' stroke='%23EEF3EC' stroke-width='1.6' fill='none'/%3E%3Cpath d='M126 150c-20-18-12-48 20-56 6 26-2 48-20 56z' fill='%23A3C2A2'/%3E%3Cpath d='M126 150c6-20 12-38 20-56' stroke='%23EEF3EC' stroke-width='1.4' fill='none'/%3E%3Cpath d='M100 40c-10 0-16-10-10-18 8 2 12 10 10 18z' fill='%2387AE8E'/%3E%3Cpath d='M44 140c-8-4-8-14 0-18 6 4 6 12 0 18z' fill='%23A3C2A2'/%3E%3C/g%3E%3C/svg%3E");
}
[data-skin="mezzanotte"] {
  --bg:#0E1426; --surface:#172038; --ink:#E8ECF8; --muted:#93A0BF; --line:#27314F; --soft:#1F2944;
  --a:#74A6FF; --a-soft:#1D2D52; --b:#FF89AA; --b-soft:#47233A; --both:#FFD166; --both-soft:#3D3420;
  --danger:#FF7A7A; --scrim:rgba(0,0,0,.6); --shadow:0 10px 30px rgba(0,0,0,.5); color-scheme:dark;
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='%23C9D6FF'%3E%3Ccircle cx='20' cy='30' r='1.2' opacity='.7'/%3E%3Ccircle cx='70' cy='12' r='.9' opacity='.5'/%3E%3Ccircle cx='130' cy='44' r='1.4' opacity='.6'/%3E%3Ccircle cx='160' cy='110' r='1' opacity='.5'/%3E%3Ccircle cx='96' cy='96' r='.8' opacity='.5'/%3E%3Ccircle cx='40' cy='130' r='1.3' opacity='.6'/%3E%3Ccircle cx='110' cy='160' r='1' opacity='.5'/%3E%3Cpath d='M150 160l1.6 4.4 4.4 1.6-4.4 1.6-1.6 4.4-1.6-4.4-4.4-1.6 4.4-1.6z' opacity='.55'/%3E%3Cpath d='M52 70l1.2 3.3 3.3 1.2-3.3 1.2-1.2 3.3-1.2-3.3-3.3-1.2 3.3-1.2z' opacity='.45'/%3E%3C/g%3E%3C/svg%3E");
}
[data-skin="oceano"] {
  --bg:#EDF5F7; --surface:#FFFFFF; --ink:#13303A; --muted:#58737C; --line:#CFE1E6; --soft:#DEEDF1;
  --a:#1D6B8A; --a-soft:#DCEEF5; --b:#D9604F; --b-soft:#FAE3DF; --both:#B98420; --both-soft:#F6EDD6;
  --danger:#B8352B; --scrim:rgba(19,48,58,.42); --shadow:0 10px 30px rgba(19,48,58,.14);
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cpath d='M0 20q15-10 30 0t30 0 30 0 30 0M0 48q15-10 30 0t30 0 30 0 30 0' stroke='%2393C3D2' stroke-width='1.5' fill='none' opacity='.45'/%3E%3C/svg%3E");
}

/* ——— Per entrambi ——— */
[data-skin="agrumi"] {
  --bg:#FFF9EC; --surface:#FFFFFF; --ink:#2B2A1F; --muted:#787158; --line:#EFE3C4; --soft:#FBF0D2;
  --a:#2C7766; --a-soft:#DDEFEA; --b:#D9661A; --b-soft:#FCE6D6; --both:#A88300; --both-soft:#F7EDC6;
  --danger:#B8352B; --scrim:rgba(43,42,31,.4); --shadow:0 10px 30px rgba(43,42,31,.13);
  --pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg opacity='.45'%3E%3Cg transform='rotate(-25 40 40)'%3E%3Cellipse cx='40' cy='40' rx='15' ry='11' fill='%23F6D86B'/%3E%3Ccircle cx='55' cy='40' r='3' fill='%23F6D86B'/%3E%3Cellipse cx='36' cy='26' rx='4' ry='9' transform='rotate(70 36 26)' fill='%239CC08A'/%3E%3C/g%3E%3Cg transform='rotate(20 118 118) translate(78 78)'%3E%3Ccircle cx='40' cy='40' r='13' fill='%23F7B76A'/%3E%3Cellipse cx='44' cy='25' rx='4' ry='8' transform='rotate(60 44 25)' fill='%239CC08A'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
[data-skin="tramonto"] {
  --bg:#FCEEE9; --surface:#FFFBF9; --ink:#3A2233; --muted:#82667A; --line:#F0D6D3; --soft:#F8E3DE;
  --a:#5458C9; --a-soft:#E6E6F8; --b:#D84C74; --b-soft:#FBE1E8; --both:#C9671F; --both-soft:#FBE6D5;
  --danger:#B8352B; --scrim:rgba(58,34,51,.4); --shadow:0 10px 30px rgba(58,34,51,.15);
  --bg-grad:linear-gradient(180deg, #FBE2D6 0%, #FCEEE9 38%, #F4E6F1 100%);
}

/* Applicazione dei temi */
body { background-color: var(--bg); background-image: var(--pattern), var(--bg-grad); background-attachment: fixed; }