/* Corsa Privata — Color tokens
 * A refined, monochrome metallic palette: warm ivory paper, graphite ink,
 * silver mist, and a single champagne-gold accent used with restraint.
 */
:root {
  /* ---- Brand base palette ---- */
  --cp-ivory:        #F5F2ED;  /* Warm Ivory   — primary light surface */
  --cp-white:        #FFFFFF;  /* Porcelain White */
  --cp-gold:         #C2A165;  /* Champagne Gold — the only accent hue */
  --cp-silver:       #C9CDD3;  /* Silver Mist */
  --cp-graphite:     #4A4F55;  /* Graphite — primary ink on light */
  --cp-black:        #1B1D1F;  /* Accent Black — dark surface / deep ink */

  /* ---- Extended neutral ramp (graphite-based) ---- */
  --cp-ink-900: #15171A;
  --cp-ink-800: #1B1D1F;
  --cp-ink-700: #2A2E33;
  --cp-ink-600: #3A3F45;
  --cp-ink-500: #4A4F55;
  --cp-ink-400: #6B7178;
  --cp-ink-300: #969BA1;
  --cp-ink-200: #C9CDD3;
  --cp-ink-100: #E4E2DC;
  --cp-ink-050: #F5F2ED;

  /* ---- Gold ramp (use sparingly) ---- */
  --cp-gold-700: #8C7040;
  --cp-gold-600: #A98950;
  --cp-gold-500: #C2A165;
  --cp-gold-400: #D3BC8D;
  --cp-gold-200: #E8DDC3;
  --cp-gold-050: #F7F2E6;

  /* ---- Semantic status (muted, technical) ---- */
  --cp-success: #3F7D5A;
  --cp-warning: #A98950;
  --cp-danger:  #A23B33;
  --cp-info:    #4A6577;

  /* ---- Semantic aliases — light theme (default) ---- */
  --surface-page:     var(--cp-ivory);
  --surface-raised:   var(--cp-white);
  --surface-card:     var(--cp-white);
  --surface-inverse:  var(--cp-ink-800);
  --surface-sunken:   #EDEAE3;

  --text-strong:      var(--cp-ink-800);
  --text-body:        var(--cp-ink-500);
  --text-muted:       var(--cp-ink-400);
  --text-faint:       var(--cp-ink-300);
  --text-on-dark:     var(--cp-ivory);
  --text-on-gold:     var(--cp-ink-900);
  --text-accent:      var(--cp-gold-700);

  --border-hairline:  rgba(27, 29, 31, 0.10);
  --border-default:   rgba(27, 29, 31, 0.16);
  --border-strong:    rgba(27, 29, 31, 0.28);
  --border-gold:      var(--cp-gold-500);

  --accent:           var(--cp-gold-500);
  --accent-hover:     var(--cp-gold-600);
  --accent-press:     var(--cp-gold-700);
  --focus-ring:       rgba(194, 161, 101, 0.45);
}

/* ---- Dark theme scope (cockpit / app surfaces) ---- */
.cp-dark,
[data-theme="dark"] {
  --surface-page:     var(--cp-ink-900);
  --surface-raised:   var(--cp-ink-800);
  --surface-card:     var(--cp-ink-700);
  --surface-inverse:  var(--cp-ivory);
  --surface-sunken:   #101214;

  --text-strong:      var(--cp-ivory);
  --text-body:        var(--cp-ink-200);
  --text-muted:       var(--cp-ink-300);
  --text-faint:       var(--cp-ink-400);
  --text-on-dark:     var(--cp-ivory);
  --text-accent:      var(--cp-gold-400);

  --border-hairline:  rgba(255, 255, 255, 0.08);
  --border-default:   rgba(255, 255, 255, 0.14);
  --border-strong:    rgba(255, 255, 255, 0.24);
}