/* ===========================================================================
   Awre · Color tokens
   ---------------------------------------------------------------------------
   Punchy & colourful, on a crisp light ground (Raycast-inspired).
   No more "color coding" — colour is used for energy and delight, not to
   label private vs shared. A vibrant violet leads; a full candy spectrum
   (coral / amber / emerald / cyan / blue / pink) brings the colour.
   Legacy token names are kept as aliases so components keep working.
   =========================================================================== */

:root {
  /* ---- Base neutrals · crisp cool light --------------------------------- */
  --paper:        #F6F6F9;   /* app / page ground             */
  --paper-raised: #FFFFFF;   /* cards, raised surfaces         */
  --paper-sunk:   #EDEDF2;   /* wells, inset fields           */
  --paper-edge:   #E6E6EE;   /* hairline borders              */

  /* Numeric paper ramp · sunk → floating white */
  --paper-0:      #EDEDF2;
  --paper-1:      #F6F6F9;
  --paper-2:      #FFFFFF;
  --paper-3:      #FFFFFF;

  --ink:    #14141B;         /* primary text, cool near-black */
  --ink-2:  #3A3A46;         /* secondary text                */
  --ink-3:  #6A6A78;         /* muted text, captions          */
  --ink-4:  #9C9CAB;         /* faint text, placeholders      */
  --ink-line: rgba(20,20,27,0.09);

  /* ---- Night · deep surfaces for dramatic / dark sections --------------- */
  --night:        #0E0E14;
  --night-raised: #181820;
  --night-edge:   rgba(255,255,255,0.10);
  --paper-on-night: #F3F3F6;
  --ink-on-night-2: #A8A8B6;

  /* ---- Violet · the primary, punchy brand colour ------------------------ */
  --violet:        #5B4BF5;
  --violet-deep:   #4A3AE0;
  --violet-bright: #7C6BFF;
  --violet-tint:   #ECE9FF;
  --violet-ghost:  rgba(91,75,245,0.12);

  /* ---- Candy spectrum · use freely & colourfully ------------------------ */
  --coral:   #FF6B5E;  --coral-deep:  #F0463A;  --coral-bright:  #FF8678;  --coral-tint:  #FFE7E3;
  --amber:   #FFB020;  --amber-deep:  #E89500;  --amber-bright:  #FFC44D;  --amber-tint:  #FFF1D4;
  --emerald: #16C079;  --emerald-deep:#0FA265;  --emerald-bright:#2EE093;  --emerald-tint:#DBF7EA;
  --cyan:    #14BBD6;  --cyan-deep:   #0FA0B8;  --cyan-bright:   #46D4EA;  --cyan-tint:   #D6F3F8;
  --blue:    #3B82F6;  --blue-deep:   #2670EB;  --blue-bright:   #62A0FF;  --blue-tint:   #DEEBFE;
  --pink:    #F45EB0;  --pink-deep:   #E13C97;  --pink-bright:   #FF82C6;  --pink-tint:   #FDE3F1;

  /* Signature multi-colour gradients (Raycast-style punch) */
  --grad-spectrum: linear-gradient(100deg, #FF6B5E 0%, #FFB020 24%, #16C079 48%, #14BBD6 68%, #5B4BF5 88%, #F45EB0 100%); /* @kind color */
  --grad-violet:   linear-gradient(135deg, #7C6BFF 0%, #5B4BF5 55%, #4A3AE0 100%); /* @kind color */
  --grad-warm:     linear-gradient(135deg, #FF8678 0%, #FF6B5E 50%, #F45EB0 100%); /* @kind color */
  --grad-cool:     linear-gradient(135deg, #46D4EA 0%, #3B82F6 55%, #5B4BF5 100%); /* @kind color */

  /* ---- Legacy aliases (kept so existing components don't break) --------- */
  --ember:        var(--coral);
  --ember-deep:   var(--coral-deep);
  --ember-bright: var(--coral-bright);
  --ember-tint:   var(--coral-tint);
  --ember-ghost:  rgba(255,107,94,0.12);

  --verdant:        var(--emerald);
  --verdant-deep:   var(--emerald-deep);
  --verdant-bright: var(--emerald-bright);
  --verdant-tint:   var(--emerald-tint);
  --verdant-ghost:  rgba(22,192,121,0.12);

  /* ---- Semantic ---------------------------------------------------------- */
  --success: var(--emerald);
  --success-tint: var(--emerald-tint);
  --warning: var(--amber-deep);
  --warning-tint: var(--amber-tint);
  --danger:  var(--coral-deep);
  --danger-tint: var(--coral-tint);
  --info:    var(--blue);
  --info-tint: var(--blue-tint);

  /* ---- Functional aliases ----------------------------------------------- */
  --bg:            var(--paper);
  --surface:       var(--paper-raised);
  --surface-sunk:  var(--paper-sunk);
  --border:        var(--paper-edge);
  --border-strong: var(--ink-line);

  --text:        var(--ink);
  --text-muted:  var(--ink-3);
  --text-subtle: var(--ink-4);

  --accent:        var(--violet);    /* default brand action          */
  --accent-hover:  var(--violet-deep);
  --accent-contrast: #FFFFFF;        /* text on accent                */

  --focus-ring: rgba(91,75,245,0.40);
  --selection:  var(--violet-ghost);
}