/* ============================================================
   Nativ — Color tokens
   Dark, high-contrast developer-infrastructure palette.
   Two platform accents (Swift orange, Compose green) + amber.
   ============================================================ */

:root {
  /* ---- Base surfaces (darkest → raised) ---- */
  --bg:           #08090c;  /* page background */
  --bg-soft:      #0d0f14;  /* slightly raised section background */
  --panel:        #10131a;  /* panel / window body */
  --panel-deep:   #0b0d12;  /* code panel / inset surface */

  /* ---- Lines / borders ---- */
  --line:         #1e222c;  /* default border */
  --line-soft:    #161a22;  /* hairline / divider */
  --line-strong:  #353b48;  /* hover border */

  /* ---- Text ---- */
  --text:         #eae8e2;  /* primary text (warm off-white) */
  --muted:        #989aa3;  /* secondary text */
  --faint:        #62656f;  /* tertiary / captions / gutters */

  /* ---- Platform accents ---- */
  --swift:        #ff6a3d;  /* iOS / SwiftUI — primary brand accent */
  --compose:      #3ddc84;  /* Android / Jetpack Compose */
  --amber:        #ffb454;  /* warning / pre-release / status */

  /* Accent tints (borders + fills on dark) */
  --swift-line:   rgba(255, 106, 61, .40);
  --swift-fill:   rgba(255, 106, 61, .07);
  --swift-hi:     #ffc89d;  /* light swift, for pill text */
  --compose-line: rgba(61, 220, 132, .40);
  --compose-fill: rgba(61, 220, 132, .06);
  --amber-line:   rgba(255, 180, 84, .40);
  --amber-fill:   rgba(255, 180, 84, .07);

  /* ---- Signature gradient (Swift → amber → Compose) ---- */
  --grad: linear-gradient(92deg, #ff6a3d 0%, #ffb454 48%, #3ddc84 100%); /* @kind color */
  --grad-mark: linear-gradient(135deg, #ff6a3d 0%, #3ddc84 100%); /* @kind color */

  /* ---- Selection ---- */
  --selection: rgba(255, 106, 61, .35);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  --surface-page:    var(--bg);
  --surface-section: var(--bg-soft);
  --surface-card:    var(--panel);
  --surface-inset:   var(--panel-deep);

  --border-default:  var(--line);
  --border-soft:     var(--line-soft);
  --border-hover:    var(--line-strong);

  --text-body:       var(--text);
  --text-secondary:  var(--muted);
  --text-tertiary:   var(--faint);
  --text-on-accent:  #0b0c0f;   /* dark text on light/gradient buttons */

  --accent-ios:      var(--swift);
  --accent-android:  var(--compose);
  --accent-warning:  var(--amber);
  --accent-primary:  var(--swift);

  /* Status semantics */
  --status-done:     var(--compose);
  --status-progress: var(--amber);
  --status-todo:     var(--faint);
}