/*
 * Theme · Token Privilege, neutral non-sport variant (D-20). Built with the two-pass process of 04 · section 2.
 * Plan. Palette: Notte #0B1220 (page), Ardesia #162238 (cards), Ardesia chiara #1E2D47 (raised parts and fields),
 * Filo #2F4160 (hairlines), Corallo #FF6F59 (action and numbers), Ghiaccio #EEF1F6 (text), Bruma #A7B4C8 (secondary text).
 * Type: Archivo at wide width for titles (motor and gaming feel without a themed font), normal width for text.
 * Principles: the page is dark and calm, coral is only action, numbers and the active item; cards are flat with a hairline,
 * one shadow only for raised panels; no crest, no sport sign, no decorative motif (pass 4: the diagonal stripe was removed).
 * Revision of the plan: no gradients on buttons, no glow, no uppercase eyebrow labels; the wide type is kept for hero and
 * section titles only, product names stay at normal width.
 * Contrast ratios (WCAG 2.x relative luminance) computed for every pair and noted next to each value.
 */
@import url("../../shared/vendor/fonts/archivo/archivo.css");

:root {
  color-scheme: dark;
  --c-canvas: #0B1220;         /* Notte */
  --c-surface: #162238;        /* Ardesia */
  --c-raised: #1E2D47;         /* Ardesia chiara · theme-only token for fields, table heads, hover */
  --c-line: #2F4160;           /* Filo */
  --c-ink: #EEF1F6;            /* Ghiaccio · 16.54:1 on Notte, 14.05:1 on Ardesia, 12.19:1 on Ardesia chiara */
  --c-ink-muted: #A7B4C8;      /* Bruma · 8.92:1 on Notte, 7.58:1 on Ardesia, 6.58:1 on Ardesia chiara */
  --c-brand: #FF6F59;          /* Corallo · 6.84:1 on Notte, 5.81:1 on Ardesia */
  --c-brand-strong: #FF8672;   /* buttons and small brand text · 7.94:1 on Notte, 6.75:1 on Ardesia */
  --c-on-brand: #1B0E0B;       /* dark text on coral · 7.99:1 on brand-strong, 6.88:1 on brand */
  --c-brand-soft: #3A2430;     /* badge background · brand-strong on it 6.04:1 */
  --c-success: #5ED08C;        /* 8.24:1 on Ardesia */
  --c-warning: #F0B84A;        /* 8.83:1 on Ardesia */
  --c-danger: #FF8F8F;         /* 7.26:1 on Ardesia */
  --c-info: #8FC1F2;           /* 7.47:1 on its soft tint */
  --c-success-soft: #143326;   /* Ghiaccio on it 12.11:1, success 7.10:1 */
  --c-warning-soft: #3A2E12;   /* Ghiaccio 11.74:1, warning 7.38:1 */
  --c-danger-soft: #3D1B22;    /* Ghiaccio 13.46:1, danger 6.95:1 */
  --c-info-soft: #172C45;      /* Ghiaccio 12.51:1 */
  --c-focus: #FF8672;

  --c-header-bg: #0B1220;
  --c-header-fg: #EEF1F6;
  --c-header-line: #2F4160;
  --c-header-accent: #EEF1F6;
  --c-header-mark: #FF6F59;
  --c-header-hover: #162238;
  --c-header-current: #3A2430;
  --c-header-focus: #FF8672;

  --f-display: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-text: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fw-display: 760;
  --fwdth-display: 112%;

  --r-card: 14px;
  --r-control: 10px;
  --r-pill: 999px;
  --shadow-raise: 0 22px 48px -14px rgba(0, 0, 0, 0.7), 0 0 0 1px #2F4160;
  --cta-chevron: none;
  --motif: none;
}

/* Wide type only for large titles; names, labels and numbers of the interface stay at normal width. */
h3, h4, .product-card__name, .exp-card__title, .account-balance__label, .help-link__title, .booking-panel__title, .card__title { font-stretch: 100%; }
.hero__title { font-weight: 800; font-stretch: 118%; letter-spacing: -0.01em; max-width: 14ch; }

/* Parts that the core paints with the text colour (dark in light themes): here they take the dark surfaces. */
.site-footer { background: #070C16; color: #C9D3E0; border-top: 1px solid var(--c-line); }   /* #C9D3E0 on #070C16 12.9:1 */
.hero, .hero--placeholder .hero__media { background: #101A2C; }
.hero::before { background: linear-gradient(90deg, rgba(11, 18, 32, 0.92) 0 38%, rgba(11, 18, 32, 0.35) 72%, rgba(11, 18, 32, 0.1)); }
.fan-badge--cost { background: var(--c-brand-strong); color: var(--c-on-brand); }
.fan-badge--cost .fan-badge__star { color: var(--c-on-brand); }
.bar-chart__tip { background: #EEF1F6; color: #0B1220; }
.staff-scan__video { background: #070C16; }

/* Fields, table heads and hovers on the lighter slate. */
.field input, .field select, .field textarea, select, .qty { background: var(--c-raised); color: var(--c-ink); border-color: var(--c-line); }
.field input::placeholder, .field textarea::placeholder { color: #8E9CB3; }   /* 4.9:1 on Ardesia chiara */
.mov-table tfoot td, .admin-table thead th { background: var(--c-raised); }
.img-ph { background: var(--c-raised); color: var(--c-ink-muted); }
.product-card:hover, .exp-card:hover { border-color: var(--c-brand); }
.exp-card[aria-current="true"] { border-color: var(--c-brand); }

/* Payment step of the token seller: its own light page, as on the seller's site. Light tokens only inside it. */
.page-main.swite {
  color-scheme: light;
  --c-ink: #161A20; --c-ink-muted: #5B6573; --c-surface: #FFFFFF; --c-canvas: #F3F4F5; --c-raised: #FFFFFF; --c-line: #E2E4E8;
  --c-brand: #C7412D; --c-brand-strong: #B23A27; --c-on-brand: #FFFFFF; --c-brand-soft: #FBE9E5;   /* white on #B23A27 5.9:1 */
  --c-success: #1F7A45; --c-warning: #9A5B00; --c-danger: #A3122A; --c-info: #2D5B87;
  --c-success-soft: #E5F2EA; --c-warning-soft: #FBF1DE; --c-danger-soft: #FBE8EB; --c-info-soft: #EAF0F6; --c-focus: #B23A27;
  color: var(--c-ink);
}

/* ---- Review pass (revisore-ui, session 7) ---- */
/* No star in balance pill and cost badges: it is a motif of another theme; figures only. */
.fan-badge__star, .fan-pill__star { display: none; }
.fan-badge { padding: 3px 10px; }
.fan-pill { padding: 4px 14px; }
/* Total row of the movements: one band, also when the table turns into cards on phones. */
.mov-table tfoot tr { background: var(--c-raised); }
/* The unit is a longer word here: it must fit inside the coin. */
.pack__coin { font-size: 0.72rem; letter-spacing: 0; }