/* Ortiz Design Studio | Theme */

@layer studio-theme {

  :root {
    /* alpha scale | for transparency */
    --alpha-xs:  0.1;                      /* ghost | very subtle row highlights*/
    --alpha-sm:  0.125;                    /* large background card tints*/
    --alpha-md:  0.4;                      /* lighter */
    --alpha-lg:  0.6;                      /* light   */
    --alpha-xl:  0.8;                      /* accent  */

    /* surfaces  | solid fallback     */
    --color-surface-pass:      #fcf9ec;  /* Porcelain white (warm, reflective plate)          */
    --color-surface-block:     #d29b62;  /* Butcher block   (warm amber mid-surface)          */
    --color-surface-steel:     #1a2430;  /* Stainless steel (cool blue-silver dark surface)   */

    /* channel engines | for transparency logic */
    --color-surface-pass-rgb:    253, 251, 247;
    --color-surface-pass-oklch:  98.851% 0.00559 84.441;

    --color-surface-block-rgb:   210, 155, 98;
    --color-surface-block-oklch: 72.969% 0.0988 66.196;

    --color-surface-steel-rgb:   26, 36, 48;
    --color-surface-steel-oklch: 25.654% 0.02688 253.371;
  }

  /* modern upgrade */
  @supports (color: oklch(0% 0 0)) {
    :root {
      --color-surface-pass:  oklch(var(--color-surface-pass-oklch));
      --color-surface-block: oklch(var(--color-surface-block-oklch));
      --color-surface-steel: oklch(var(--color-surface-steel-oklch));
    }
  }

  :root {
    /* accent colors | solid fallback */
    --color-accent-orchid:          #a4508b;  /* Orchid    (vibrant blue-violet to magenta transition) */
    --color-accent-radicchio:       #801824;  /* Radicchio (deep burgundy-crimson for errors)          */
    --color-accent-papaya:          #f26444;  /* Papaya    (warm coral-orange for warnings)            */
    --color-accent-mango:           #ffb300;  /* Mango     (saturated golden yellow for attention)     */

    /* channel engines | for transparency logic */
    --color-accent-orchid-rgb:       164, 80, 139;
    --color-accent-orchid-oklch:     55.424% 0.13259 339.896;

    --color-accent-radicchio-rgb:    128, 24, 36;
    --color-accent-radicchio-oklch:  39.434% 0.1378 20.675;

    --color-accent-papaya-rgb:       242, 100, 68;
    --color-accent-papaya-oklch:     67.744% 0.18166 34.165;

    --color-accent-mango-rgb:        255, 179, 0;
    --color-accent-mango-oklch:      81.79% 0.17046 77.947;
  }

  /* modern upgrade */
  @supports (color: oklch(0% 0 0)) {
    :root {
      --color-accent-orchid:        oklch(var(--color-accent-orchid-oklch));
      --color-accent-radicchio:     oklch(var(--color-accent-radicchio-oklch));
      --color-accent-papaya:        oklch(var(--color-accent-papaya-oklch));
      --color-accent-mango:         oklch(var(--color-accent-mango-oklch));
    }
  }

  :root {
    /* Greens | solid fallback */
    --color-green-basil:           #2e7d32;  /* Basil     (saturated cool green for success)    */
    --color-green-sage:            #8a9a86;  /* Sage      (muted, elegant gray-green secondary) */
    --color-green-rosemary:        #1b4332;  /* Rosemary  (dark blue-green for deep accents)    */

    /* channel engines | for transparency logic */
    --color-green-basil-rgb:       46, 125, 50;
    --color-green-basil-oklch:     52.344% 0.13464 144.188;
  
    --color-green-sage-rgb:        138, 154, 134;
    --color-green-sage-oklch:      66.768% 0.03421 139.529;

    --color-green-rosemary-rgb:    27, 67, 50;
    --color-green-rosemary-oklch:  34.839% 0.05469 163.398;
  }

  /* modern upgrade */
  @supports (color: oklch(0% 0 0)) {
    :root {
      --color-green-basil:         oklch(var(--color-green-basil-oklch));
      --color-green-sage:          oklch(var(--color-green-sage-oklch));
      --color-green-rosemary:      oklch(var(--color-green-rosemary-oklch));
    }
  }

  :root {
    /* inks | typography | solid fallback  */
    --color-ink-pass:             #1c1a17;  /* Deep warm near-black for high legibility on white    */
    --color-ink-steel:            #e6effa;  /* Light cool near-white for crisp readability on steel */
    --color-ink-block:            #4a321a;  /* Mid warm brown for ideal contrast on amber           */

    --color-ink-pass-rgb:         28, 26, 23;
    --color-ink-pass-oklch:       21.891% 0.0065 78.142;

    --color-ink-steel-rgb:        230, 239, 250;
    --color-ink-steel-oklch:      94.858% 0.0178 253.453;

    --color-ink-block-rgb:        74, 50, 26;
    --color-ink-block-oklch:      33.944% 0.05074 64.634;
  }

  /* modern upgrade */
  @supports (color: oklch(0% 0 0)) {
    :root {
      --color-ink-pass:          oklch(var(--color-ink-pass-oklch));
      --color-ink-steel:         oklch(var(--color-ink-steel-oklch));
      --color-ink-block:         oklch(var(--color-ink-block-oklch));
    }
  }

  :root {
    /* lighting & overlays | solid fallback */
    --color-light-pass:         #fee1b4;  /* Warm overhead lamp quality backdrop */

    /* channel engines | for transparency logic */
    --color-light-pass-rgb:     254, 225, 180;
    --color-light-pass-oklch:   92.273% 0.06639 78.628;

    --color-light-pass-glow:      rgba(var(--color-light-pass-rgb), var(--alpha-xl)); /* accent */
  }

  /* modern upgrade */
  @supports (color: oklch(0% 0 0)) {
    :root {
      --color-light-pass:      oklch(var(--color-light-pass-oklch));
    }
  }
}