/* SECURITY PLACEHOLDER / CANARY PACKAGE: tellyo-colours
 * No network, no fs, no data collection, no install scripts, no persistence.
 * Reproduces the SCSS surface consumed by app-dev-cf.tellyo.com so a "confused"
 * build still COMPILES (no availability impact). Proof-of-consumption marker:
 * --tostpro-canary is inert + unique; if it appears in a shipped stylesheet,
 * tellyo-colours resolved from the PUBLIC npm registry, not the internal one. */
:root {
  --tostpro-canary: "test by abbishal";
  --border: #dddddd;
  --btn-outline-bg-hover: #d4edf0;
  --btn-outline-border: #2aa5b5;
  --btn-outline-secondary-bg-hover: #d4edf0;
  --btn-primary: #2aa5b5;
  --btn-primary-active: #026f7f;
  --btn-primary-hover: #0994a8;
  --btn-primary-rgb: #2f6fdd;
  --btn-secondary: #ecf2f4;
  --btn-secondary-active: #dce2e4;
  --btn-secondary-hover: #e6eaec;
  --btn-txt: #2aa5b5;
  --btn-txt-active: #026f7f;
  --btn-txt-hover: #0994a8;
  --btn-txt-secondary: #969a9c;
  --btn-ui-danger-active: #b73232;
  --btn-ui-danger-hover: #d54c4c;
  --btn-ui-info: #65a2d7;
  --btn-ui-info-active: #1e3c82;
  --btn-ui-info-hover: #325aa0;
  --btn-ui-live: #e61919;
  --btn-ui-live-active: #9a0000;
  --btn-ui-live-hover: #bc0000;
  --btn-ui-warning: #fea63e;
  --btn-ui-warning-active: #aa4600;
  --btn-ui-warning-hover: #d26e00;
  --chevron-icon-from: #888888;
  --chevron-icon-to: #888888;
  --color-black: black;
  --color-blue-300: #4bb7c6;
  --color-blue-500: #2aa5b5;
  --color-blue-700: #0994a8;
  --color-gray-300: #f2f8fa;
  --color-gray-500: #ecf2f4;
  --color-gray-700: #d4dadc;
  --color-gray-800: #969c9e;
  --color-gray-90: #eaeaea;
  --color-gray-900: #32383a;
  --color-primary-main: #2f6fdd;
  --color-warning: #ee4f47;
  --color-white: white;
  --inp-addon: #969a9c;
  --inp-addon-bg: #ecf2f4;
  --inp-background: #ffffff;
  --inp-bg: #ffffff;
  --inp-border: #c8ced0;
  --inp-border-active: #969a9c;
  --inp-border-inline-active: #77cedb;
  --inp-placeholder: #888888;
  --input-bg: #ffffff;
  --input-border: #c8ced0;
  --input-border-active: #969a9c;
  --input-border-disable: rgba(200, 206, 208, 0.6);
  --input-shadow: 0 1px 2px rgba(0,0,0,0.15);
  --int-active: #2aa5b5;
  --int-active-bg: rgba(42, 165, 181, 0.08);
  --int-hover: rgba(175, 227, 235, 0.15);
  --int-tooltip: rgba(40, 44, 46, 0.9);
  --progress-width: 100%;
  --select-background: #ffffff;
  --select-foreground: #888888;
  --select-hover: #888888;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.15);
  --shortcuts-shadow: 0 1px 2px rgba(0,0,0,0.15);
  --txt-contrast: #14181a;
  --txt-ligher: #1a1a1a;
  --txt-on-top: #ffffff;
  --txt-primary: #323638;
  --txt-secondary: #64686a;
  --txt-tertiary: #969a9c;
  --ui-alerts-stroke: #ffffff;
  --ui-bg: #d2d6d8;
  --ui-bg-high: #ecf2f4;
  --ui-border-rgba: rgba(50, 54, 56, 0.2);
  --ui-container: #888888;
  --ui-container-bg: #ffffff;
  --ui-container-bg-bottom: #f2f8fa;
  --ui-container-bg-low: #f6fafc;
  --ui-container-bg-lower: #ffffff;
  --ui-container-bg-top: #fafcfd;
  --ui-danger: #ff6666;
  --ui-danger-bg: #ffe8e8;
  --ui-divider: #dce2e4;
  --ui-divider-bright: #e6ecee;
  --ui-divider-dark: #c8ced0;
  --ui-icon-contrast: #1e2224;
  --ui-info: #3e8acd;
  --ui-info-bg: #e2eef8;
  --ui-info-secondary: #a8adaf;
  --ui-info-secondary-bg: #eff0f1;
  --ui-live: #e61919;
  --ui-live-bg: #fbdddd;
  --ui-scroll: #b4b8ba;
  --ui-scroll-bg: #969c9e;
  --ui-success: #77b84b;
  --ui-success-bg: #ebf4e4;
  --ui-warning: #fea63e;
  --ui-warning-bg: #fff2e2;
}

/* mixin surface: variadic + optional @content, safe for any call style */
@mixin add-padding($args...) { @if content-exists() { @content; } }
@mixin animation($args...) { @if content-exists() { @content; } }
@mixin aspect-ratio-assign($args...) { @if content-exists() { @content; } }
@mixin button-spec($args...) { @if content-exists() { @content; } }
@mixin center-vertical($args...) { @if content-exists() { @content; } }
@mixin deleteAnimation($args...) { @if content-exists() { @content; } }
@mixin fancy-scrollbar($args...) { @if content-exists() { @content; } }
@mixin flex($args...) { @if content-exists() { @content; } }
@mixin ingest-spacing($args...) { @if content-exists() { @content; } }
@mixin list-wrapper($args...) { @if content-exists() { @content; } }
@mixin matrix-label($args...) { @if content-exists() { @content; } }
@mixin single-size($args...) { @if content-exists() { @content; } }
@mixin single-size-bar($args...) { @if content-exists() { @content; } }
@mixin transcribe-row($args...) { @if content-exists() { @content; } }
@mixin truncate-text($args...) { @if content-exists() { @content; } }
@mixin volume-slider($args...) { @if content-exists() { @content; } }
@mixin widthTransition($args...) { @if content-exists() { @content; } }